利用onsubmit事件实现表单提交前的验证

JS代码： 

function check(){
    var name = document.getElementById("name").value;
    if(name ==  null || name == ''){
        alert("用户名不能为空");
        return false;
    }
    return true;
}

<form name="form" action="跳转的页面" method="post"  onsubmit="return check()">
    <input type="text" id="name"/>
    <input type="sumit" value="提交"/>
</form>

注意：

οnsubmit="return check()"中的return是一定要加上的，否则check的返回值即使是false，仍然会提交。

换句话说，οnsubmit=“return false”为不执行提交；οnsubmit=“return true”或οnsubmit=“return ”都执行提交。