jQuery Validate插件 - 显示验证消息

时间:2012-08-15 15:15:48

标签: jquery jquery-validate

我正在使用上述内容验证简单的联系表单,基于此处的示例:http://alittlecode.com/files/jQuery-Validate-Demo/

控制标签'name'有两个规则 - 'minlength'和'required':

$(document).ready(function(){
    $('#contact-form').validate({
    rules: {
      name: {
        minlength: 2,
        required: true
                ...

如果不满足其中一条规则,我可以获得要显示的通用消息:

 ...
messages: {
    name: "This field is mandatory"
    }
  }); 

});

我如何为每个表单项的规则获取自定义消息?即如果输入了1个字符,则应显示“需要最少2个字符”,如果在必填部分中没有输入任何字符,则应显示“强制”。我对javascript不太熟悉 - 这样的事情? (我知道这可能是错的,但它给出了我想要做的事情)

 ...
messages: {
    name(minlength): "min 2 characters needed",
    name(required): "mandatory"
    }
  }); 

});

1 个答案:

答案 0 :(得分:0)

$(document).ready(function () {
$('#contact-form').validate({
    rules : {
        MySuperMessage : {
            required : true,
            MySuperMessage : true
        }
    },
    messages : {
        MySuperMessage : "TEST!"
    }
});
});


<input type="text" name="MySuperMessage" id="MySuperMessage">