Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

TecBrain · Apr 22nd, 2006, 10:04 AM

I use this JavaScript to validate my form; the script works perfectly except when I tried making it work with option button, I tried sth like but it aint working

(Toggle Plain Text)

if (form.field_name.checked == false)

This is my js

(Toggle Plain Text)

<script language="JavaScript" type="text/javascript">
<!--
function checkform (form)
{
	
	if (form.field_name.value == "")
	{
		alert( "a msg error here");
		form.field_name.focus();
		return false ;
	}

	return true ;
}
//-->
</script>

DaWei · Apr 22nd, 2006, 11:14 AM

If you're referring to a radiobutton group, then remember that all buttons in a group have the same name. Each button is distinguished by its position in an array representing the group. In your example you would need to refer to a member thusly:

(Toggle Plain Text)

if (form.field_name [0].checked == false)

If you know which exact one you're checking, then you could use its ID.

Normally, I'm going to cycle through and check buttons in multiple forms, so I make an object variable for a group, run through the group, set the variable for another group, run through that group, etc., until I'm done.

(Toggle Plain Text)

The HTML stuff:
<input name="checklist" type="radio" value="catalog" 
	onClick="switchCart ('cat');" >
<input name="checklist" type="radio" value="cart" 
	defaultChecked checked onClick="switchCart ('cart');" >

The script stuff:
var cObj = document.forms ["headForm"].checklist;
if (cObj [0].checked) blah blah....
...
...

I recommend you develop a set of validation functions for names, addresses, email addresses, numeric amounts, etc. You'll find that you use them all the time. Don't forget to revalidate on the server, as well.

TecBrain · Apr 22nd, 2006, 5:48 PM

by specifying the position i will have to check all of them then!!, so this is what i did:

(Toggle Plain Text)

function checkform(form)
{
if ((form.same_room[0].checked == false) && (form.same_room[1].checked == false))
	{
		alert( "You Choose");
		form.same_room[0].focus();
		return false ;
	}
	return true ;
}

and this is the html part:

(Toggle Plain Text)

<td  class='style8'>
1) Do you mind if your exam is scheduled in the same room with 
another exam?<br /><br />
<input type='radio' name='same_room' value='yes' >Yes<br />
<input type='radio' name='same_room' value='no'>No<br /><br />
<i>If you chose YES, please give your reasons. If no reason is provided the request will be rejected:</i><br /><br />
<textarea rows='6' name='same_room_reason' cols='47'></textarea>
<br />
</td>

But stilll aint working!!

DaWei · Apr 22nd, 2006, 7:23 PM

Quote:

by specifying the position i will have to check all of them then!!

Excuse me? Who says?

TecBrain · Apr 23rd, 2006, 5:14 AM

thats what i understood.. what i meant is:

(Toggle Plain Text)

form.same_room[0].checked

would refer to the first option button, Right?

TecBrain · Apr 23rd, 2006, 6:30 AM

I got it working DaWei thanks for your tip

(Toggle Plain Text)

	else if ((document.getElementsByName('same_room')[0].checked==true) && (document.update.same_room_reason.value == ""))
	{
		alert( "Is your exam in the same room? if Yes then please give your reasons.");
		document.update.same_room_reason.focus();
		return false;
	}

Apr 22nd, 2006, 10:04 AM	#1
TecBrain Hobbyist Programmer Join Date: Sep 2004 Location: Cyprus Posts: 147 Rep Power: 4	JavaScript validate form(option button) I use this JavaScript to validate my form; the script works perfectly except when I tried making it work with option button, I tried sth like but it aint working (Toggle Plain Text) if (form.field_name.checked == false) if (form.field_name.checked == false) This is my js (Toggle Plain Text) <script language="JavaScript" type="text/javascript"> <!-- function checkform (form) { if (form.field_name.value == "") { alert( "a msg error here"); form.field_name.focus(); return false ; } return true ; } //--> </script> <script language="JavaScript" type="text/javascript"> <!-- function checkform (form) { if (form.field_name.value == "") { alert( "a msg error here"); form.field_name.focus(); return false ; } return true ; } //--> </script> __________________ Personal Portfolio TecBrain Support Forum Linux VS Windows ... Dont Even Think of it .. Distribution: Slackware if (OS==Linux) return success There are 10 kinds of people, those who can read binary numbers and those who can't.

Apr 22nd, 2006, 11:14 AM	#2
DaWei Resident Grouch Join Date: Jun 2005 Posts: 6,453 Rep Power: 10	If you're referring to a radiobutton group, then remember that all buttons in a group have the same name. Each button is distinguished by its position in an array representing the group. In your example you would need to refer to a member thusly: (Toggle Plain Text) if (form.field_name [0].checked == false) if (form.field_name [0].checked == false) If you know which exact one you're checking, then you could use its ID. Normally, I'm going to cycle through and check buttons in multiple forms, so I make an object variable for a group, run through the group, set the variable for another group, run through that group, etc., until I'm done. (Toggle Plain Text) The HTML stuff: <input name="checklist" type="radio" value="catalog" onClick="switchCart ('cat');" > <input name="checklist" type="radio" value="cart" defaultChecked checked onClick="switchCart ('cart');" > The script stuff: var cObj = document.forms ["headForm"].checklist; if (cObj [0].checked) blah blah.... ... ... The HTML stuff: <input name="checklist" type="radio" value="catalog" onClick="switchCart ('cat');" > <input name="checklist" type="radio" value="cart" defaultChecked checked onClick="switchCart ('cart');" > The script stuff: var cObj = document.forms ["headForm"].checklist; if (cObj [0].checked) blah blah.... ... ... I recommend you develop a set of validation functions for names, addresses, email addresses, numeric amounts, etc. You'll find that you use them all the time. Don't forget to revalidate on the server, as well. __________________ Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers

Apr 22nd, 2006, 5:48 PM	#3
TecBrain Hobbyist Programmer Join Date: Sep 2004 Location: Cyprus Posts: 147 Rep Power: 4	by specifying the position i will have to check all of them then!!, so this is what i did: (Toggle Plain Text) function checkform(form) { if ((form.same_room[0].checked == false) && (form.same_room[1].checked == false)) { alert( "You Choose"); form.same_room[0].focus(); return false ; } return true ; } function checkform(form) { if ((form.same_room[0].checked == false) && (form.same_room[1].checked == false)) { alert( "You Choose"); form.same_room[0].focus(); return false ; } return true ; } and this is the html part: (Toggle Plain Text) <td class='style8'> 1) Do you mind if your exam is scheduled in the same room with another exam?<br /><br /> <input type='radio' name='same_room' value='yes' >Yes<br /> <input type='radio' name='same_room' value='no'>No<br /><br /> <i>If you chose YES, please give your reasons. If no reason is provided the request will be rejected:</i><br /><br /> <textarea rows='6' name='same_room_reason' cols='47'></textarea> <br /> </td> <td class='style8'> 1) Do you mind if your exam is scheduled in the same room with another exam?<br /><br /> <input type='radio' name='same_room' value='yes' >Yes<br /> <input type='radio' name='same_room' value='no'>No<br /><br /> <i>If you chose YES, please give your reasons. If no reason is provided the request will be rejected:</i><br /><br /> <textarea rows='6' name='same_room_reason' cols='47'></textarea> <br /> </td> But stilll aint working!! __________________ Personal Portfolio TecBrain Support Forum Linux VS Windows ... Dont Even Think of it .. Distribution: Slackware if (OS==Linux) return success There are 10 kinds of people, those who can read binary numbers and those who can't.

Apr 23rd, 2006, 5:14 AM	#5
TecBrain Hobbyist Programmer Join Date: Sep 2004 Location: Cyprus Posts: 147 Rep Power: 4	thats what i understood.. what i meant is: (Toggle Plain Text) form.same_room[0].checked form.same_room[0].checked would refer to the first option button, Right? __________________ Personal Portfolio TecBrain Support Forum Linux VS Windows ... Dont Even Think of it .. Distribution: Slackware if (OS==Linux) return success There are 10 kinds of people, those who can read binary numbers and those who can't.

Apr 23rd, 2006, 6:30 AM	#6
TecBrain Hobbyist Programmer Join Date: Sep 2004 Location: Cyprus Posts: 147 Rep Power: 4	I got it working DaWei thanks for your tip (Toggle Plain Text) else if ((document.getElementsByName('same_room')[0].checked==true) && (document.update.same_room_reason.value == "")) { alert( "Is your exam in the same room? if Yes then please give your reasons."); document.update.same_room_reason.focus(); return false; } else if ((document.getElementsByName('same_room')[0].checked==true) && (document.update.same_room_reason.value == "")) { alert( "Is your exam in the same room? if Yes then please give your reasons."); document.update.same_room_reason.focus(); return false; } __________________ Personal Portfolio TecBrain Support Forum Linux VS Windows ... Dont Even Think of it .. Distribution: Slackware if (OS==Linux) return success There are 10 kinds of people, those who can read binary numbers and those who can't.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

JavaScript validate form(option button)