Member Avatar for queenc

hi
i want to validate more than one radio button i.e more than group to be validated in a page.i searched for many but did not find good validation please send sample code

  • 2 Contributors
  • 1 Reply
  • 69 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by essential
Member Avatar for essential

Please feel free to modify this code to match your needs. If you have any question regarding this code you can document.write('Me on my inbox'). lol! Have a good day...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Radio validation</title>
<style type="text/css"> 
<!-- 
form { margin:0; } form div { text-align: left; margin: 2px; font-weight: bold; }
 -->
</style>
<script type="text/javascript">
<!-- BEGIN HIDING
document.onclick = function(which_radio)
{ which_radio = which_radio ? which_radio : window.event;
  var _radio = which_radio.target ? which_radio.target : which_radio.srcElement;

if (( _radio.name ) && ( _radio.name == 'radio1') && ( myform.text1.value == 'page1' ) && ( myform.elements[1].checked )) 
 
/* You'll have to replace this with your own statement. In this example i will use 3 radio buttons to validate the textbox value. */

{ alert('\n' + _radio.value ); }

else if (( _radio.name ) && ( _radio.name == 'radio1') && ( myform.text1.value == 'page2' ) && ( myform.elements[2].checked )) 
{ alert('\n' + _radio.value ); }

else if (( _radio.name ) && ( _radio.name == 'radio1') && ( myform.text1.value == 'page3' ) && ( myform.elements[3].checked )) 
{ alert('\n' + _radio.value ); }

else { alert('\nSorry you didn\'t get the right word to pass!\nPlease try Again!'); }
} //And that's all for now! Enjoy...
// DONE HIDING -->
</script>
</head>
<body>
<form name="myform" action="#" onsubmit="return false;">
<div>
Guess The Word!<br />
<input type="password" name="text1" /><br />
<input type="radio" name="radio1" value="That was great!">&nbsp;Page 1<br />
<input type="radio" name="radio1" value="That was terrific!">&nbsp;Page 2<br />
<input type="radio" name="radio1" value="You've done well!">&nbsp;Page 3<br />
</div>
</form>
</body>
</html>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.