通常我們做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( )