form表单submit提交的非空判断

　　通常我们做form表单经常或用到submit提交按钮，但是在提交之前一般要判断提交的数据不为空才能完成提交。

　　之前在做注册练习的时候，我用的方法是用js判断input的值不为空，为空则alert("用户名不能为空")

<body>
<form action="post.php" method="post">
    <span>用户名</span>
    <input type="text" id="uid" name="uid" />
    <input type="sumbit" value="注册" id="btn" />
</form>
</body>
<script type="text/javascript">
    $("#btn").click(funtion(){
        var uid = $("#uid").val()
        if（uid.length==0){
            alert("用户名不能为空")
        }
    })
</script>

实际上述代码的alert( )并不能阻止该表单提交一个空的用户名。

　　所以我们需要在表单提交之前加一个方法判断提交的为非空数据：

<form  action="post.php" method="post" onsubmit="return check()">　　

<span>用户名</span>

    <input type="text" id="uid" name="uid" />
    <input type="sumbit" value="注册" id="btn" />

</form>

　　function check(){
　　var uid = $("#uid").val();　　

　　if(uid == null || uid == ""){
　　　　alert("用户名不能为空");
　　　　return false;

　　}

　　　　return true;

　　}

重点就是form表单的onsubmit 属性了，我们用check( )方法返回true / false来允许 / 阻止表单的提交。记住不能忘记后面的return ，一定是onsubmit=return XXX( )