jquery - jQuery验证自定义消息不起作用

Question

我无法获得适用于 jQuery 验证插件的自定义错误消息。我正在使用 jQuery 1.7.2 和 jquery 验证插件 1.9.0。

我的表格很简单：

<form id="registrationform">
  <label for="rid">User Id</label><br/>
  <input id="rid" type="text" class="required"/><br/>
  <label for="remail">Email</label><br/>
  <input id="remail" type="text" class="required email"/>
</form>

我的 javascript 很简单：

$(document).ready(function() {
    $("#registrationform").validate({
        rules: {
            rid : {
                required : true
            },
            remail: {
                required : true,
                email : true
            }
        },
        messages: {
            rid : {
                required : "id can not be empty"
            },
            remail: {
                required: "email can not be empty",
                email : "enter a valid email"
            }
        }
    });
});

Answer 1

听起来很疯狂，这是通过将 name 属性添加到每个输入控件来解决的。

<form id="registrationform">
  <label for="rid">User Id</label><br/>
  <input id="rid" name="rid" type="text" class="required"/><br/>
  <label for="remail">Email</label><br/>
  <input id="remail" name="remail" type="text" class="required email"/>
</form>

这是我的jsFiddle来证明这一点。