onsubmit阻止表單提交

在實際開發中往往會遇到檢查表單數據的合法性，如果數據不合法，就不讓其提交。

先看以下簡單的代碼。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">
//--->
function checksubmit()
{
  if (document.form1.myname.value=="")
        {
           alert("請輸入開始數值！");
           document.form1.myname.focus();
           return false;
        } 
          return true;  
}
//--->
</script>

<form name="form1" method="post" action="#" onsubmit="return checksubmit()">
  <label>
  <input name="myname" type="text" id="id">
  </label>
  <p>
    <label>
    <input type="submit" name="Submit" value="提交">
    </label>
  </p>
</form>

代碼很簡單。

注意以下幾點：

1，在js中，是獲得input的name,而不是id，往往這里的name和id一樣。

2，onsubmit="return checksubmit()" 這里的return不能省掉。

3，checksubmit()函數里面的return true;可以省去，因為默認是返回true;