form表单提交前先用ajax进行验证（前端）

<button class='btn primary' type="submit" οnclick="return check_form();">确 定</button>

 

var csrfToken = '<?= Yii::$app->request->csrfToken?>';
var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
var regNum = /^\d{6}$/;

function check_form() {
        n = false;//全局变量，以便下面做判断
        var dirversNum = $('#dirversNum').val();
        var archivesNum = $('#archivesNum').val();
        if(dirversNum == ''){
            layer.alert("请填写。。。");return false;
        }
        if(archivesNum == ''){
            layer.alert("请填写。。。");return false;
        }
        if(reg.test(dirversNum) === false){
            layer.alert("请输入正确的。。。");return false;
        }
        if (regNum.test(archivesNum) === false){
            layer.alert("请输入。。。");return false;
        }
        $.ajax({
            type: 'post',
            url: "<?= Url::toRoute('get-dirvers');?>",
            dataType: 'json',
            async:false,//一定要是同步请求，否则会跳转；（ajax默认是异步的）
            data: {
                'dirversNum':dirversNum,
                'archivesNum':archivesNum,
                '_csrf':csrfToken
            },
            success: function(data) {
                if(data !== '200'){
                    layer.alert('数据不符，请核对后再查');return false;
                }else{
                    n = true;
                }
            }
        });
        //全局判断
        if(n) {
            return true;
        }else{
            return false;
        }
    }

 

ajax中的return false无效则用全局变量n来做判断

转载于:https://my.oschina.net/shuibing/blog/1621281