上一篇: 在TinyMCE插件中使用jQuery 下一篇:jquery – 说Target元素获得动态...

jquery – 在每个输入之间迭代以验证值

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 在每个输入之间迭代以验证值，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有这个代码,如果为空,则验证输入的值,并使用twitter bootstrap popover显示消息错误：

$(document).on("ready",login_events());

function login_events(){

    $("#userId,#password").on("change",validateEmpty);
    $("#loginButton").on("click",validateAll);

}

function validateEmpty(){

    input = $(this);
    input.popover({animation: true,placement: 'right',@R_696_10296@ger: 'manual',title: 'Field is Empty',content: input.attr("data-empty-message")});
    isValid = true;

    if(input.val() === ""){
        input.popover('show');
        isValid =  false;
    }
    else{
        input.popover('hide');
    }

    return isValid;

}

这在改变事件完成时非常有效,但我想做另一个函数,它将在表单中的每个输入之间进行迭代,验证它是否为空(validateEmpty())和preventDefault(如果有的话)为空.

正如您所看到的,我为#loginButton设置了click事件,以运行validateAll函数,我有类似的东西,但无法找到正确的方法：

function validateAll(event){

    $("#loginForm input").each(validateEmpty);

}

解决方法

试试这个闭包：

function validateAll(event){
    var isValid = true;
    $("#loginForm input").each(function (){
        input = $(this);
        input.popover({animation: true,content: input.attr("data-empty-message")});
        isValid = true;

        if(input.val() === ""){
            input.popover('show');
            if (isValid)
                isValid = false;
        }
    });
    if (!isValid) {
        alert('form is not valid!');
    }
}