Question

我制作了以下表单，现在想编写一些验证代码，以确保用户从所有字段中选择至少一个字段。我怎样才能做到这一点？

<script>
</script>
</head>
<body>
<form method="get" id="myForm">
<label><b>Status:</b></label>
<select name="status" id="status">
  <option value="Active">Active</option>
  <option value="InActive">InActive</option>
</select><br>
<label><b>Type:</b></label>
<select name="type" id="type">
  <option value="Single">Single</option>
  <option value="Multiple">Multiple</option>
</select><br>
<label><b>Min Bed:</b></label>
<select name="min_bed" id="min_bed">
  <option value="1">1</option>
  <option value="2">2</option>
</select><br>
<label><b>Max Bed:</b></label>
<select name="max_bed" id="max_bed">
  <option value="1">1</option>
  <option value="2">2</option>
</select><br>
<input type="submit" name="submit" value="submit">
</form>

Answer 1

您可以按如下方式使用jQuery validation plugin。

添加此 jquery 代码：

index

}）;

是的，不要忘记包含必要的jquery文件。喜欢 jquery.validate.js

Answer 2

<script>    
        $(document).ready(function () {        
        var select =0;        
        $('#status').change(function() {
              select =1
        })        
</script>

为表单中的每个对象执行.change。

如果更改至少一个，则会有var select = 1

jquery表单验证用户选择最少一个字段

2 个答案: