Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 648
  • Last Modified:

I need to make a radio button mandatory on this html form

Hi

I have a form, I have made a checkbox mandatory and an alert comes up if it is not ticked.
I would like to do the same for a radio button (choice of 5) but cannot seem to get it to work.

thanks.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
// <![CDATA[
function validate(frm) {
if (frm.checkbox.checked==false)
{
alert("You must read and consent to our privacy policy to send this form.");
return false;
}
}
// ]]>
</script>
</head>
<body>
<form method="POST" action="captcha.php" onSubmit="return validate(form);" name="form"> 
<textarea name="user_comments" cols="75" rows="5" id="user_comments"></textarea>
</p>
<p align="left" class="bold">Where did you hear
  about us?*</p>
<p align="left">
  <input type="radio" name="source" id="source" value="radio1">
  General Internet Search</p>
<p align="left">
  <input type="radio" name="source" id="source" value="radio2">
  Online  'Find a Financial Adviser'
  
  Directory via 'unbiased.co.uk.'</p>
<p align="left">
  <input type="radio" name="source" id="source" value="radio3">
  Nursing Home Database (ucarewecare.com)</p>
<p align="left">
  <input type="radio" name="source" id="source" value="radio4">
  Care Provider (please state which one)
  <input name="care_provider_source_is" type="text" id="radio4_source_is" size="55" maxlength="55">
</p>
<p align="left">
  <input type="radio" name="source" id="source" value="radio5">
  Other (please state):
  <input name="other_source_is" type="text" id="radio5_source_is" size="75" maxlength="75">
</p>
<p class="bold">Please press the buttons below
  to confirm that you have read our <a href="#privacypolicy">privacy
  policy</a><br>
  and to submit
  your request. </p>
<p align="left"><span class="bold">
  <input type="checkbox" name="checkbox" id="checkbox" value="1">
  </span>I/We have read and consent to your privacy policy*</p>
<p align="left" class="smalltext">The fields marked * are mandatory.</p>
<table width="549" class="bigone">
  <tr class="style1">
    <td colspan="2" align="center"> Ready ? Ok, but before you click 'Send Form' please insert the same letters and numbers you see in the image on the left into the box on the right.<br /></td>
  </tr>
  <tr class="style1">
    <td width="267" align="center"><p> <img src="captcha_image.php" /></td>
    <td width="270" align="center"><input type="text" name="captcha_input" size="15"></td>
  </tr>
</table>
<p>
  <input type="submit" name="submit" value="Please Press Here to Submit Your Request">
</body>
</html>

Open in new window

0
sp0tta
Asked:
sp0tta
  • 2
  • 2
1 Solution
 
JohnSixkillerCommented:
Hi, you have 2 options. The easy way is to make some default selection by adding "checked" to html radio.

To javascript check:
var rbs = document.getElementsByName("source");
var isOK = false;
for(var i=0; i<rbs.length; i++){
  if(rbs[i].checked){
     isOK = true;
     break;
  }
}
if(!isOK) alert("Select something.");

Open in new window

0
 
sp0ttaAuthor Commented:
Hi

I would prefer to make sure the checked button was chosen by the user.

thanks
0
 
JohnSixkillerCommented:
So add my code to your function:
function validate(frm) {
  if (frm.checkbox.checked==false){
   alert("You must read and consent to our privacy policy to send this form.");
   return false;
  }
  var rbs = document.getElementsByName("source");
  var isOK = false;
  for(var i=0; i<rbs.length; i++){
   if(rbs[i].checked){
     isOK = true;
     break;
   }
  }
  if(!isOK){
    alert("Select something.");
    return false;
  }
 
}

Open in new window

0
 
sp0ttaAuthor Commented:
Perfect, quick and easy

thanks.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now