how to validate radio buttons in javascript?_问答_开发者

how to validate radio buttons in javascript?

开发者 https://www.devze.com 2023-01-10 03:28 出处：网络

my html code- <form method=\"post\" name=\"editorform\" id=\"editorform\" onsubmit=\"return validate_editorform(this)\" action=\"#\">

my html code-

 <form method="post" name="editorform" id="editorform" onsubmit="return validate_editorform(this)" action="#">
      <ol><li>
        <label for="qtitle"><b>Title</b></label>
        <input id="qtitle" name="qtitle" class="text"></textarea>
      </li><li>
        <label for="tag"><b>Tag</b></label>
            <table border="0">
                <tr>
                    <td><input type="radio" name="tag" value="art"/>Art & Living</td>
                    <td><input type="radio" name="tag" value="travel" class="rdbtn"/>Travel</td>
                    <td><input type="radio" name="tag" value="religion" class="rdbtn"/>religion</td>
                </tr>
.....

my javascript-

function validate_editorform(editorform) 
{
    var qtitle = editorform.qtitle.value;
    var tag = editorform.tag.value;  
    var question = editorform.question.value;
    var nameRegex = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/; 

    if(qtitle == "") {
        inlineMsg('qtitle','You must enter a Question title.',5);
        return false;
    }
    if(editorf开发者_C百科orm.tag.checked == "") {
        inlineMsg('tag','You must Tag your question.',5);
        return false;
    }
    if(question == "") {
        inlineMsg('question','You must enter a your Question.',5);
        return false;
    }
}

For qtitle and question JavaScript is working fine but for radio button (tag) it isn't. Can anyone identify the problem?

Change

if(editorform.tag.checked == "") {

if(tag == "") {

if(editorform.tag[0].checked == False... and so on for tag[1]...)

<html>
  <head>
    <title>Validating Radio Button</title>
    <script>
      select = ""
      len = document.myform.radioname.length

      for (i = 0; i <len; i++) {
        if (document.myform.radioname[i].checked) {
          select = document.myform.radioname[i].value
        }
      }

      if (select == "") {
        alert("No Option selected");
        return false;
      }
      else {
        alert("option selected");
        return true;
      }
    </script>
  </head>
  <body>
    <form name="myform" action="thankyou.html" onsubmit="return validateForm()" method="post">    
      Choose your favourite Car Brand
      <input type="radio" name="radioname" value="maruti">Maruti<br>
      <input type="radio" name="radioname" value="fiat">Fiat<br>
      <input type="radio" name="radioname" value="BMW">BMW<br>
      <input type="radio" name="radioname" value="jaguar">Jaguar<br>
    </form>
  </body>
</html>