Radio button validation

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • cfmx2008
    New Member
    • Jan 2008
    • 36

    Radio button validation

    Hi guys,
    I'm not good at javascript. I have a series of radio buttons on my form and it's required field. One has to be checked. Do you have any javascript code for it? Please help.
  • JazzSingerNL
    New Member
    • Apr 2008
    • 4

    #2
    For simple forms I mostly use something like this:

    Code:
    <html>
      <head>
        <title>testing</title>
        <script type="text/javascript" language="JavaScript">
    
    
          function isChecked(theInput) {
            var result = false;
            // for radiobuttons:
            if (theInput[0] && theInput[0].type == 'radio') {
              var el = theInput.length;
              for (var x=0; x < el; x++) {
                if (theInput[x].checked) {
                  result = true;
                  break;
                }
              }
            // for checkboxes:
            } else if (theInput.type == 'checkbox') {
              if (theInput.checked) {
                result = true;
              }
            }
            return result;
          }
    
          function validateForm(theForm) {
            var result = true;
            if (theForm.name == 'f1') {
              // set mandatory fields
              result = isChecked(theForm.r1) && isChecked(theForm.c1);
            }
    
            if (theForm.name == 'f2') {
              // do something different
            }
    
    /*debug*/alert(result);
    
            return result;
          }
    
        </script>
      </head>
      <body>
        <form name="f1" id="f1" onSubmit="validateForm(this)">
          <input type="radio" name="r1" value="1"/>1<br/>
          <input type="radio" name="r1" value="2"/>2<br/>
          <input type="radio" name="r1" value="3"/>3<br/>
          <input type="radio" name="r1" value="4"/>4<br/>
          <input type="radio" name="r1" value="5"/>5<br/>
          <input type="radio" name="r1" value="6"/>6<br/>
          <br/><br/>
          <input type="checkbox" name="c1" value="7"/>7<br/>
          <br/>
          <input type="submit"/>
        </form>
      <body>
    </html>

    Comment

    Working...