Does anyone know why this javascript isn't working ? Its returning the field is empty when its not
The html i'm using on the form is:
onsubmit="return validate_form ( );" method="post" name="AddPTR"
And the javascript is:
<script type="text/javascript">
function validate_form ( )
{
valid = true;
if ( document.forms.AddPTR.PTR2.value == "" )
{
alert ( "Please fill in the PTR box." );
valid = false;
}
return valid;
}
</script>
document.forms is a standard DOM property that holds an array with the <form> tags in the document.
If you want to access the AddPTR form, you can do it in two ways:
<form> in the document, or know the order they are in, you can access the array by index: document.forms[0].<form> by its name AddPTR, you can get it from the document.forms property accessing it as an associative array: document.forms["AddPTR"]. This approach has the advantage of being independent from the document layout.See this W3C link for some information on how to access associative arrays: Objects in JavaScript: Objects as associative arrays
document.forms["AddPTR"].PTR2.value == "" or document.forms[0].PTR2.value == "". You could also do document.forms["AddPTR"]["PTR2"].value == "". Remember to use a string for the key when accessing the array as an associative array.PTR2 the name of an <input> element that is a direct child of the <form>? Debug which access in that sentence is failing.
document.forms.AddPTR.PTR2.value. Also when declaring a local variable in javascript it is a good practice to put avar. Sovar valid = true;. This avoids polluting the global scope.