jquery - jQuery Mobile 表单的自定义验证警报

Question

我有一个表单，它使用 jQuery 验证插件在提交之前检查必填字段:

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

显示的默认警告文本是“此字段为必填字段。”。我想为不同的领域定制它，但不能完全正确 - 谁能指出如何成功地做到这一点。

我通常会添加类似的内容:

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

谢谢

Answer 1

希望这段代码能有所帮助。人们可以为消息下的每个字段添加自定义错误消息。

$("#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"
    }
  });