关于表单页面提交信息的判断

Question

一开始提交按钮是disabled的, 我想让所有信息都符合条件了,按钮才可以点击.
输入框是失去焦点时判断的.
该怎么写状态标记flag?

$(function() {
    var flag = false;
    $('#txt1').blur(function() {
        if('不符合条件') {
            alert('提示');
        }
    });
    $('#txt2').blur(function() {
        if('不符合条件') {
            alert('提示');
        }
    });
    $('#txt3').blur(function() {
        if('不符合条件') {
            alert('提示');
        }
    });
})

Answer 1

$(function() {
    $('#txt1, #txt2, #txt3').blur(checkAndDisable);
    function checkAndDisable(){
       // ...获取txt1,txt2,txt3的文本，检查，然后根据结果disable提交按钮
    }
})

Answer 2

$('#txt1').blur(function() {
   vali();
});
$('#txt2').blur(function() {
    vali();
});
$('#txt3').blur(function() {
    vali();
});
......

function vali(){
    var flag = true;
    
    if('不符合条件') {
        flag  = false;
    }
    
    if('不符合条件') {
        flag  = false;
    }
    
    ......
    
    if (flag){
        // 按钮可以点击了
    }

}

这太不优雅了。其实有很多不错的前端校验框架的，网上找找很多的。

Answer 3

$(function() {
    var flag = true;
    $('#txt1,#txt2,#txt3').blur(function() {
        check();
    });
    
    function check() {
        var flag = true;
        if('不符合条件1') {
            flag = false;
            alert('提示');
        }
        if('不符合条件2') {
            flag = false;
        }
        if('不符合条件3') {
            flag = false;
        }
        // 所有条件都满足 flag 还是true
        if (flag) {
            // do something
        }
    }
})