在表单提交前进行数据验证

在提交表单数据前对数据进行验证，例如某些字段是必填字段，不能为空，有如下三种方法：

在button的submit事件进行判断

<button type=submit>提交</button>
 
function isEmpty(obj){
    if(typeof obj == undefined || obj == null || obj == ){
        return true;
    }else{
        return false;
    }
}

(#form).bind(submit,function(){
    let username= $.trim($(#username).attr(value));

    if(isEmpty(username)){  
        alert(username不能为空。);
        return false;
   }else {
        return true;
    }  
});

去掉submit类型button，直接用普通button

<button type=button  onclick=check()>提交</button>  

function isEmpty(obj){
    if(typeof obj == undefined || obj == null || obj == ){
        return true;
    }else{
        return false;
    }
}

function check(){  
   let username= $.trim($(#username).attr(value));
   if(isEmpty(username)){  
        alert(username不能为空。);
   }else {
        document.getElementById(form).submit();
    }  
}

在form的onsubmit事件判断

<form id=form method=post action=  onsubmit=return check()>
 
function isEmpty(obj){
    if(typeof obj == undefined || obj == null || obj == ){
        return true;
    }else{
        return false;
    }
}

function check(){  
    let username= $.trim($(#username).attr(value));
    if(isEmpty(username)){  
        alert(username不能为空。);
        
        return false;
   }else {
        return true;
    }  
}

注意：

• onsubmit=“return false”为不执行提交；
• onsubmit=“return true”或 onsubmit=“return ”都执行提交。

使用用jQuery的submit方法

点击表单中的提交按钮，默认就会提交表单，如果要在表单提交之前做一些校验，那么就可以用jQuery的submit方法。也就是jQuery的submit的方法执行顺序，在表单的提交之前。

$(#addUpdateForm).submit(function (e){
	//获取用户选择的单选按钮的数量
    let stateSize = $(input[name='state']:checked).size();
    //获取下拉列表选中的值
    if($(#area).val()==1 || stateSize==0){
        alert(必须选择状态);
        return false;
    }
    return false;
})

说明：return false不往下执行请求form的action，return true继续往下执行请求form的action。