javascript validation checkbox error

[karen987]

The code below is for a checkbox, in a form on an asp page. I want to make it mandatory for the user to click it. The other validation statements work fine, this one causes a problem though.
The browser returns a debug error, i don't get the validation javascript alert below, instead the browser says:

error: document.frm.op t15. is null or not an object
and invites me to debug.

when i debug it points to the below code, i wonder what is wrong with it? the validation does go through, it's just that i don't get the alert, but on the server validation, it shows that it goes through

var checkbox = document.frm.opt15; 
if(checkbox.checked == false) { 
   alert("I agree to abide by the terms of use."); 
   return false; }

this is the form tag,

    <form action="register.asp" method="post" name="frm" onSubmit="return ValidateUser();">

and this is the part of the form where the input is entered. I might add, it draws data from the database for sarrNAME

<td><span style="color: #FF0000"><%=sarrNAME(14)%>:</span></td>
               <td><input style="width: 100%;" type="checkbox" name="opt15" value="" size="40" maxlength="50" class="textbox" /></td>

any help appreciated. Thanks in advance. Below is some code for the rest of the script, just so you can see how it is coded

	if(document.frm.name.value.length > 30) {  
   alert("Maximum 30 characters allowed for 'name'.")
  document.frm.name.focus() ;
   return false; }

[iam_clint]

the number 15 in the name may be throwing a problem try changing the name of opt15 to something like optone

[karen987]

the number 15 in the name may be throwing a problem try changing the name of opt15 to something like optone

it's publishing software, and this part of the form was built in,

i'll try fiddling with it, but i'm sceptical, as it would involve databases etc. Are you saying a number would cause a problem here?

[acoder]

A checkbox is an array so you will need to loop through the checkbox elements with the same name. See link and this example.

[karen987]

Hi acoder, thanks for tip. i;ll check out the pages, in the meantime, i've managed to get some code that works. The debug error has now gone. But if i leave opt15 unchecked on the form the form still goes through, with no alert.
I tried checking opt15 and it went through OK, the validation i mean. The problem now is that i don't get a validation alert if opt15 is left unchecked. Instead the server side validation tells you to go back and fix it.

I wonder how this can be fixed

//first check if opt15 exists
  if (document.frm.opt15) {
      var checkbox = document.frm.opt15; 
     if(checkbox.checked == false) { 
         alert("Do you agree to abide by the code of conduct?"); 
         return false;
      }
   }

[acoder]

Actually your original code should work. If there is more than one checkbox, you have an array of checkboxes.

Are you sure you don't have two elements with the same name or something like that?

If you still have problems, post the full code or a link.

[karen987]

Hi acoder,

this is the relevant part of the form,

   <% If Trim(sarrACTIVE(14)) = "1" Then %>            
		            <tr>
		            	<td><span style="color: #FF0000"><%=sarrNAME(14)%>:</span></td>
		            	<td><input style="width: 100%;" type="Text" name="opt15" value="true" size="40" maxlength="50" class="textbox" /></td>
		            </tr>
		            <% End If %>

Below is the javascript validation function statement

if i leave opt15 unchecked on the form the form still goes through, with no alert.
I tried checking opt15 and it went through OK, the validation i mean. The problem now is that i don't get a validation alert if opt15 is left unchecked. Instead the server side validation tells you to go back and fix it.

   function ValidateUser(){

//first check if opt15 exists
  if (document.frm.opt15) {
      var checkbox = document.frm.opt15; 
     if(checkbox.checked == false) { 
         alert("Do you agree to abide by the code of conduct?"); 
         return false;
      }
   }

I tried this as well, but it returns a debug error, which when debugged points to the arrows , anyway, ususally these arrows shouldn't be in the javascript function,

<% If Trim(sarrACTIVE(14)) = "1" Then %>            
      var checkbox = document.frm.opt15; 
     if(checkbox.checked == false) { 
         alert("Do you agree to abide by the code of conduct?"); 
         return false;
      }
<% End If %>

this doesn't work either

       var checkbox = document.frm.opt15; 
if(checkbox.checked == false) { 
   alert("Do you agree to abide by the code of conduct?"); 
   return false; }

this is the view source code as viewed from the web. as you can see, the checkbox shows here, but not on the form above, it's the way the software is written i think

<tr><td valign='top'>I have read the code of conduct: </td><td>
<input style='' type='Checkbox' value='Code of Conduct' name='14' class=''>
</td></tr>

[acoder]

If you look at the code:

<tr><td valign='top'>I have read the code of conduct: </td><td>
<input style='' type='Checkbox' value='Code of Conduct' name='14' class=''>
</td></tr>

the name is "14", not "opt15". I don't know how that was produced, but it obviously can't find opt15 as an object because it doesn't exist.