Question

我正在尝试使用bassistance插件进行表单验证，现在我的表单由几个单选按钮组组成，其中一些是“必需”。

现在，

如何确保所有这些无线电组确实收到了值？
一旦用户正确设置它们，在继续提交之前，我在哪里以及如何检查这些单选按钮的值？

Answer 1

您是否在询问如何使用该插件？这是非常好的文档，但无论如何这些片段应该有所帮助。在这里，我采用一个带有两个单选按钮组的简单表单，使用插件验证它们。验证代码中需要注意的主要事项是我们有两个处理程序回调（用于'无效'和'成功'状态）以及一组要应用的验证规则。

首先，示例表单：

<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}}
    });
});

这有帮助吗？

Answer 2

在javascript或jQuery代码中使用try catch

try {
...
...
...
}
catch (e) {

}

Answer 3

您可以使用if else switch case来检查每个单选按钮

Jquery：我如何检查是否有错误？

3 个答案: