强制 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 和 return 适当的消息？

$('#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()方法仅用于初始化插件您的表单，而不是用于触发测试。所以，你还是需要在DOM内调用一次.validate() ready 才能使用.valid().

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

Forcing jQuery validator to validate a single element

javascript

jquery

jquery-validate

x-editable