通常我们做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>
<script type="text/javascript">
function check(){
var uid = $("#uid").val();
if(uid == null || uid == ""){
alert("用户名不能为空");
return false;
}
return true;
}
重点就是form表单的onsubmit 属性了， 我们用check( )方法返回true / false来允许 / 阻止表单的提交。记住不能忘记后面的return ，一定是onsubmit=return XXX( )