jQuery验证复选框自定义值规则

Question

是否可以使用jQuery Validation插件在复选框中检查自定义值（除True / False外）？

例如 ：

<input id="test" type="checkbox" name="test" value="something">

我找不到一种方法来检查“某物”是否有价值。 出于特定原因，我不能仅使用“ true”作为值。

Answer 1

尝试这个 ：

$('#test').attr('value');

演示JSFiddle

您可以在custo验证方法中使用它。

声明自定义规则：

$.validator.addMethod("myRule", function(value, element) {
    var v = element.attr('value');
    if(v === 'something') {
        return true;
    }
    return true;
}, $.validator.format('my message') );

要在字段上设置自定义规则：

$('#form').validate({
    rules : {
        test : {
            myRule : true
        }
    }
});

Answer 2

采用：

$("#test").val()

或者，如果您想在变更事件中获得价值，那么：

演示： http : //jsfiddle.net/qsDn5/16/

$("#test").change(function(){
   alert(this.value); 

});

Answer 3

您可以使用addMethod添加规则，然后根据测试结果返回一个布尔值，如下所示：

// Add Custom Method
$.validator.addMethod('someTest', function(value, element){
    return 'something' === value;
}, $.validator.format('Custom Message'));

// Use Custom Method
$('#theForm').validate({
    rules: {
        checkBoxField: {
            someTest: true
        }
    ...
});

JSFiddle演示 。

我希望这有帮助！

Answer 4

试试Jquery Validation插件，

<form id="myform">
    <input type="checkbox" name="test[]" />x
    <input type="checkbox" name="test[]" />y
    <input type="checkbox" name="test[]" />z
    <input type="submit" />
</form>
<a id="docs" href="http://docs.jquery.com/Plugins/Validation" target="_blank">Validation Documentation</a>

码：

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        rules: {
            'test[]': {
                required: true,
                maxlength: 2
                custommethod: true
            }
        },
        messages: {
            'test[]': {
                required: "You must check at least 1 box",
                maxlength: "Check no more than {0} boxes"
            }
        },
        submitHandler: function (form) { // for demo
            alert('valid form submitted'); // for demo
            return false; // for demo
        }
    });

});

更新： http : //jsfiddle.net/aJBK9/2/

在jquery验证中使用addMethod，

$.validator.addMethod("custommethod", function(value, element) {
    if (value==="something"){return true;}
return false;

}, "Value must be some thing");

检查此演示链接http://jsfiddle.net/aJBK9/1/