akaballa123
Technical User
Hi There, Im a noob with ajax but really like the conept behind it. Iwanted to implement it into my form submit process. Basically, I want to create a security id each time the form is opened. When the user clicks submit, the for runs a javascript validation to check the form fields. If evrtything is fine, the ajax kicks in and sends the security id to mysql db through calling another php file. And then the for values are submit. However, my problem is that after implementing the code and logic, the form keeps showing an:
error. Eventhough this line has nothing to do with the ajax code in the file, I know it has someting to do with my ajax implementation.
please help!
ajax implementation and checkform:
this is my submit form button:
any help would be wonderful!!
Code:
Object does not support method or property method on line 192
error. Eventhough this line has nothing to do with the ajax code in the file, I know it has someting to do with my ajax implementation.
please help!
ajax implementation and checkform:
Code:
function secIns()
{
<!--
//Browser Support Code
var ajaxRequest; // The variable that makes Ajax possible!
var err = 0;
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser is not compatible!");
return false;
err = 1;
}
}
}
if(err == 0)
{
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
document.sessionForm.submitted.value = ajaxRequest.responseText;
}
}
// ajaxRequest.open("GET", "serverTime.php", true);
// ajaxRequest.send(null);
//-->
var secID = document.getElementById('secID').value;
var queryString = "?secID=" + secID;
ajaxRequest.open("GET", "securityIDupdate.php" + queryString, true);
ajaxRequest.send(null);
return true;
}
}
/*-----------------------------------------------------------------------------------------------*/
function checkForm()
{
var num=/(^\d+$)|(^\d+\.\d+$)/ ;
var myForm = window.document.sessionForm;
var cempName = myForm.empName;
var cID = myForm.empID;
var cTraining = myForm.training;
var cTrainingDuration = myForm.trainingDuration;
var cStartD = myForm.startDate;
var cEndD = myForm.endDate;
var cSubmit = myForm.submitted;
if (cempName.value == '')
{
alert('Please enter your full name');
cempName.focus();
return false;
}
if (checkName(cempName.value) == false)
{
alert('Invalid characters used. Please re-enter your full name.');
cempName.focus();
return false;
}
if(cID.value == '' )
{
alert('Please enter your Employee ID Number');
cID.focus();
return false;
}
if( checkString(cID.value) == false )
{
alert('Please enter a valid Employee ID Number');
cID.focus();
return false;
}
if(document.getElementById("training").value == "select")
{
alert('Please select a course');
cTraining.focus();
return false;
}
if(cStartD.value == '')
{
alert('Please enter a start date')
cStartD.focus();
return false;
}
if(cEndD.value == '')
{
alert('Please enter an end date')
cEndD.focus();
return false;
}
if(Date.parse(cStartD.value) > Date.parse(cEndD.value))
{
alert('ERROR: Start Date is greater than the end date. Please re-check your dates!');
return false;
cStartD.focus();
}
if(cTrainingDuration.value == '')
{
alert('Please enter the Training Duration')
cTrainingDuration.focus();
return false;
}
if( checkString(cTrainingDuration.value) == false )
{
alert('Please enter a valid Training Duration');
cTrainingDuration.focus();
return false;
}
if (checkSubmit(cSubmit.value) == false)
{
alert('Form is already processed');
return false;
}
elseif(secIns() == true)
{
cempName.value = cempName.value;
cID.value = cID.value;
cStartD.value = cStartD.value;
cEndD.value = cEndD.value;
cTrainingDuration.value = cTrainingDuration.value;
return true;
}
}
this is my submit form button:
Code:
<input class="button" type="submit" value="Submit" onclick="return checkForm(); " />
any help would be wonderful!!