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

时间:2013-03-27 07:42:59

标签: jquery html jquery-validate radio-button

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

    $(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>

2 个答案:

答案 0 :(得分:3)

您的代码......

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

它无效,因为no documented method名为.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/

以上内容非常适合动态添加规则,但是,如果您只需要workaround the name's with dots issue,只需将规则声明为正常但在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/

答案 1 :(得分:1)

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