簡體   English   中英

如何驗證JavaScript中的單選按鈕?

[英]how to validate radio buttons in javascript?

我的html代碼-

 <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>
.....

我的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(editorform.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;
    }
}

對於qtitle和問題JavaScript是工作正常,但對單選按鈕(標簽),事實並非如此。 誰能找出問題所在?

<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>

更改

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

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM