js判斷textarea文字框是否為空並給出提示

admin發表於2017-03-31
JS

在表單驗證中一般有這樣的功能，那就是防止一些表單元素為空的情況。

下面就介紹一下如何防止textarea文字框在提交時為空的情況。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" />  
<title>螞蟻部落</title> 
<script>
window.onload=function(){
  var obt=document.getElementById("bt");
  var txt=document.getElementById("txt");
  var myform=document.getElementById("myform");
  obt.onclick=function(){
    if(txt.value==""){
      alert("文字域內容不能為空");
      txt.focus();
      return false;
    }
    else{
      myform.submit();
    }
  }
}
</script>
</head>
<body>
<form action="softwhy.com" id="myform">
  <textarea id="txt"></textarea><br/>
  <input type="button" id="bt" value="提交表單"/>
</form>
</body>
</html>

相關文章