提交检查所有验证功能

时间:2015-06-23 05:46:19

标签: jquery

please check this link first

我的目的是在点击提交后检查所有验证,但问题从这里开始。

方法1 它可以检查所有验证是否为空,但问题是它是一个接一个,所以在你点击提交后只有第一个边框为红色。 (我打算检查所有那些填充正确的红色边框)

方法2 一旦你点击提交,所有那些填充将是红色边框只是我喜欢我想但如果其中一个功能填写成功,你按提交表格将通过。

我希望在点击提交后获取所有空的红色边框,但是他们需要填写所有字段才能通过表单。

(但我不想在里面加上额外的功能) exp(我不想这样做)

function submitFormFunction(event){
        event.preventDefault();
            checkname();
            checkpass();
            checkmail();
            if(!checkname() && !checkpass() && !checkemail()){
            return false;
            }else{    
            return true;
            }
    }

就像为额外添加这些功能一样。

1 个答案:

答案 0 :(得分:1)

问题是short circuting

logical operators性质
function submitFormFunction(event) {
    event.preventDefault();
    var valid = checkname();
    valid = checkpass() && valid;
    valid = checkemail() && valid;
    return valid;
}

注意:不确定为什么要调用preventDefault然后返回true/false

演示:Fiddle