jQuery Mobile Form的自定义验证警报

时间:2012-02-02 05:41:05

标签: jquery forms validation mobile

我有一个表单,它使用jQuery Validate插件在提交前检查必填字段:

http://jsfiddle.net/2UYkY/1/

出现的默认提示文字为"此字段为必填项。"。我想针对不同的领域进行自定义,但不能正确使用 - 任何人都可以指出如何成功地做到这一点。

我通常会添加以下内容:

<label for = "username" class = "error">Please enter your Username</label> but this doesn't work correctly with this form.

由于

1 个答案:

答案 0 :(得分:5)

希望,这段代码可以提供任何帮助。可以为每个&amp;放置自定义错误消息。消息下的每个字段。

$("#aspnetForm").validate({

   errorLabelContainer: "#errorMessages",
   rules: {
    name: {
            required: true,
            validChars: true
        },
    email: {
            required: true,
            email: true
          },
    lname:{
            required: true,
            validChars: true
          },
    zip: {
            required: true,
            minlength: 5,
            digits: true
          },
    },      
    messages: {
        email:"custom error message",
        name:"custom error message",
        lname:"custom error message",
        zip:"custom error message"
    }
  });