使用Jquery Validation Plugin为我的表单添加实时验证 [英] Use Jquery Validation Plugin to add real-time validations to my form

问题描述

我想使用此jquery插件实时验证我的表单（输入时）： https：// jqueryvalidation .org / rules / ？

I want to validate my form in real-time (on input) using this jquery plugin : https://jqueryvalidation.org/rules/?

这是我当前验证函数的一个示例：

This is an example of my current validation function:

(function(ns, window, document, $, undefined) {

var $form;

ns.init= function(){

    $form = $('#formQA');

    $form.validate({
        rules : {
            QResponse : {
                required: function (element) {
                    if ($(element).is(":visible")) {
                        return true;
                    }
                    return false;
                } ,
                maxlength: 255,
                minlength: 2
            }
        }
    })
}
})(home.createNS('home.qa.validation', false), window, document, jQuery);

推荐答案

默认情况下，它在<$ c $上验证c> keyup 事件。但是，验证是懒惰，而非急切，这意味着在第一次单击提交之后才会进行验证。所以你必须调整一些设置。

By default, it validates on the keyup event. However, validation is "lazy", not "eager", which means that no validation happens until after the first click of submit. So you'll have to tweak some settings.

$form.validate({
    rules : {
        // rules
    },
    onfocusout: function(element) {
        this.element(element); // triggers validation
    },
    onkeyup: function(element, event) {
        this.element(element); // triggers validation
    }
});

---

您的代码：

---

Your code:

required: function (element) {
    if ($(element).is(":visible")) {
        return true;
    }
    return false;
}

您无需测试可见性。默认情况下，插件将动态忽略任何隐藏字段。只需将必需设置为 true ，然后让其余部分发生。

You do not need to test for visibility. By default, the plugin will dynamically ignore any hidden field. Just set required to true and let the rest happen.

这篇关于使用Jquery Validation Plugin为我的表单添加实时验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！