JavaScript表單不為空驗證

螞蟻小編發表於2018-07-02
JavaScript

表單不為空驗證是最為簡單的表單驗證，只會用在較為簡易的表單驗證。

下面就分享一段類似簡單程式碼例項，希望能夠對初學者有所借鑑作用。

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">        
function formcheck(){
  if(document.form.zhanghao.value==""){
    alert("號碼不能為空！");
    this.form.zhanghao.focus();
    return false;
  }
  else if(document.form.content.value==""){
    alert("內容不能為空！")
    this.form.content.focus();
    return false;
  }
  else {
    form.submit(); 
  } 
}
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){formcheck();}
}
</script>
</head>
<body>
<form name="form" method="post">
  <table>
    <tr>
      <th colspan="8" class="CTitle">傳送簡訊</th>
    </tr>
    <tr bgcolor="#eeeeee">
      <td align="center">號   碼:</td>
      <td><textarea name="content" cols="80" rows="15" id="zhanghao" class="formh"></textarea></td>
    </tr>
    <tr bgcolor="#eeeeee">
      <td align="center">內   容:</td>
      <td><textarea name="content" cols="80" rows="15" id="content" class="formh"></textarea></td>
    </tr>
    <tr bgcolor="#eeeeee" align="center">
      <td height="25" colspan="2">
        <input type="button" name="Submit" value="發 送" id="bt"/>
        <input type="reset" name="Submit2" value="重 置" class="button"/>
      </td>
    </tr>
  </table>
</form>
</body>
</html>

相關文章