【发布时间】:2011-06-23 11:15:13
【问题描述】:
我正在尝试使用 bassistance 插件来验证我的表单,现在我的表单包含几个单选按钮组,其中一些是“必需的”。
现在,
- 如何确保所有这些广播组都收到了价值?
- 一旦用户正确设置它们,在继续提交之前,我应该在哪里以及如何检查这些单选按钮的值?
【问题讨论】:
标签: jquery validation
我正在尝试使用 bassistance 插件来验证我的表单,现在我的表单包含几个单选按钮组,其中一些是“必需的”。
现在,
【问题讨论】:
标签: jquery validation
您是在问如何使用该插件?它有很好的记录,但无论如何这些 sn-ps 应该会有所帮助。在这里,我采用了一个包含两个单选按钮组的简单表单,使用插件验证它们。验证代码中需要注意的主要事项是我们有两个处理程序回调(用于“无效”和“成功”状态)以及一组要应用的验证规则。
一、示例表格:
<form id="your-form">
<fieldset>
<p>
<label for="group_one">Select an option (required)</label>
<input type="radio" name="group_one" id="opt1-1">Option 1
<input type="radio" name="group_one" id="opt1-2">Option 2
<input type="radio" name="group_one" id="opt1-3">Option 3
</p>
<p>
<label for="group_two">Select an option here too (required)</label>
<input type="radio" name="group_two" id="opt2-1">Option 1
<input type="radio" name="group_two" id="opt2-2">Option 2
<input type="radio" name="group_two" id="opt2-3">Option 3
</p>
<p><input name="submit" type="submit" id="submit" value="Save" /></p>
</fieldset>
</form>
……第二,验证码:
$(document).ready(function(){
$("#your-form").validate({
invalidHandler: function(form, validator){
var errors = validator.numberOfInvalids();
var message = (errors == 1) ? "One of your groups won't validate." : "Neither of your groups will validate.";
alert(message);
},
submitHandler: function(){
alert("Everything's OK, both radio button groups are set.");
$('#your-form').ajaxSubmit()
},
rules: {group_one: {required: true}, group_two: {required: true}}
});
});
这有帮助吗?
【讨论】:
在 javascript 或 jQuery 代码中使用 try catch
try {
...
...
...
}
catch (e) {
}
【讨论】:
您可以使用if else switch case 来检查每个单选按钮
【讨论】: