html - 如何使用 java 脚本验证单选按钮和下拉列表？

Question

我在表格中有字段性别。如果用户没有选择单选按钮，我必须显示一条消息“请选择您的性别”。用户还必须选择年龄组..

形式：

<label>Gender<br />
</label>
<label>Male</label><input id="male" type="radio" name="gender" class="box" style="border:solid 3px #333333" value="male" />
<label>female</label><input id="female" type="radio" name="gender" value="female"><br /><br />
<label>Age </label>
<select name="age">
<option>Select</option>
  <option value="Below 16">Below 16/option>
  <option value="16-20">16-20</option>
  <option value="21-25">21-25</option>
  <option value="26-30">26-30</option>
  <option value="31-35">31-35</option>
  <option value="Above 35">Above 35</option>
</select>
<input type="submit" value=" Register " style="border:solid 2px #333333"/>

Java 脚本

<script type="text/javascript">
function validateForm()
{
if (document.getElementById("male").checked=false && document.getElementById("female").checked=false)
{
     alert("Please select Gender");
  return false;
}
}

用户必须选择性别和年龄。否则他不能注册。怎么做？

Answer 1

是的，在发布任何问题之前你真的需要谷歌。你缺少很多东西。

检查工作示例：演示

jQuery代码：

$(function(){
    $("#register").on('click', function(){
            console.log($("select[name=age] option:selected"));
        if ($('input[name="gender"]:checked').length== 0){
            alert('select gender');
            return false;
        }

        if($("select[name=age] option:selected").val()==""){
            alert('select age');
            return false;   
        }
        alert('form submit');
        return false;
    });
});

我刚刚在提交按钮中添加了 id：

<input type="submit" value=" Register" id="register" style="border:solid 2px #333333"/>

Answer 2

if ((document.getElementById("lawn1").checked == false) &&     
    (document.getElementById("lawn2").checked == false))