jquery - 单选按钮组上 jQuery 验证的自定义错误消息

Question

我正在使用以下代码进行组合框组验证，它显示此字段是必需的。作为错误消息。如何修改以下代码以自定义消息。提前致谢。

    $(document).ready(function() {    

    $('input[name="batches.batch"]').rules("add", "required");//works fine
    $('input[name="batches.batch"]').messages("error message1", "error message2");// no effect

});

我的 html ：

    <input name="batches.batch" type="radio" value="" />First <br />
    <input name="batches.batch" type="radio" value="" />Second<br />
    <input name="batches.batch" type="radio" value="" />Third<br />
    <input name="batches.batch" type="radio" value="" />Fourth<br />

我正在使用的库：

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.1.custom.min.js"></script>
<script type="text/javascript" src="js/custom/jquery.validate.min.js"></script>

Answer 1

你的代码...

$('input[name="batches.batch"]').rules("add", "required");//works fine
$('input[name="batches.batch"]').messages("error message1", "error message2");// no effect

它不起作用，因为没有记录的方法称为.messages(). 方法必须由插件开发人员创建才能可用。

相反，messages进入你的rules('add')方法，像这样......

$('document').ready(function() {

    $('#myform').validate();

    $('input[name="batches.batch"]').rules("add", {
        required: true,
        messages: {
            required: "my custom required message"
        }
    });

});

工作演示：http: //jsfiddle.net/rDcDW/

上面的方法非常适合动态添加规则，但是，如果您只需要解决name带有点的问题，只需将规则声明为正常，但在name...

$(document).ready(function() {

    $('#myform').validate({ // initialize the plugin
        rules: {
            'batches.batch': {
                required: true
            }
        },
        messages: {
            'batches.batch': {
                required: "my custom required message"
            }
        }
    });

});

工作演示：http: //jsfiddle.net/YZs3Y/

Answer 2

$("#formid").validate({
    rules: {
        batch: "required"
    },
    messages: {
        batch: { required: "Customized error message" }
    }
 });