javascript - 强制 jQuery 验证器验证单个元素

Question

在编辑页面上，我使用 http://jqueryvalidation.org/验证表单。

//validate object set using external file linked to page
var myValidateObj = {
    "rules": {
        "foo": {"required": true,"maxlength": 45,"minlength": 2},
        "bar": {"maxlength": 45},
    },
    "messages": {
        "foo": {"required": "Foo is required.",},
        "bar": {"maxlength": "bla bla."},
    }
};

var validator=$("#myform").validate({
    rules: myValidateObj.rules,
    messages: myValidateObj.messages,
});

<form id="myForm">
    Foo: <input type="text" name="foo" />
    Bar: <input type="text" name="bar" />
    <input type="submit" value="SAVE">
</form>

在另一个页面上，我显示了前面描述的编辑页面的值，并允许使用 http://vitalets.github.io/x-editable/ 进行内联编辑.验证规则和消息仍然适用，但现在只需要验证单个字段。假设 myValidateObj 对象存在于此页面上，它是否可以用于验证单个字段？例如，在可编辑的验证回调中，如何使用 myValidateObj 来验证 foo 并在未通过验证时返回相应的消息？

$('#foo').editable({
    type: 'text',
    validate: function(value) {
        //How do I use myValidateObj to validate foo and return applicable message???
    }
});

Name: <a href="javascript:void(0)" id="foo"><?php echo($foo); ?></a>
Bla: <a href="javascript:void(0)" id="bar"><?php echo($bar); ?></a>

Answer 1

.valid() 方法可用于强制立即对单个元素进行验证测试。

$('#foo').valid();

http://jqueryvalidation.org/valid/

---

仅供引用:

.validate() 方法仅用于初始化表单上的插件，不用于触发测试。因此，在使用 .valid() 之前，您仍然需要在 DOM ready 中调用一次 .validate()。