JavaScript 表单验证 -

Question

我正在尝试进行基本的 javascript 验证。出于某种原因，它正在拾取文本和下拉菜单而不是单选按钮？我究竟做错了什么？

JS Fiddle

<script>
    function validateForm(formId)
    {
        var inputs, index;
        var form=document.getElementById(formId);
        inputs = form.getElementsByTagName('input');
        for (index = 0; index < inputs.length; ++index) {
            // deal with inputs[index] element.
            if (inputs[index].value==null || inputs[index].value==""))
                {
                    alert("Field is empty");
                    return false;
                 }
     }
</script> 

Answer 1

要验证单选按钮，您需要遍历所有单选按钮并查看哪个单选按钮的 checked 属性为 true。

<script>
      function validateForm(){
            for(i=0; i<document.form.radios.length; i++){       
              if(document.form.radios[i].checked==false){
              c=1;
              }
                else{
                c=0;
                break;
                }}        

                if(c==1){
                alert('Please select an option');
                }
         }
 </script>

document.form.radios.length gives the number of radio buttons.

您也可以使用 HTML 的 required 属性来实现相同的功能。

<form>
      <input type="radio" name="gender" value="Male" required /> Male
      <input type="radio" name="gender" value="Female" /> Female

      <input type="submit" name = "sub" value="SAVE" />
</form>

Fiddle