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

【问题标题】：Custom validation alerts for jQuery Mobile FormjQuery Mobile 表单的自定义验证警报
【发布时间】：2012-02-02 05:41:05
【问题描述】：

我有一个表单，它使用 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.

谢谢

【问题讨论】：

标签： jquery forms validation mobile

【解决方案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"
    }
  });

【讨论】：