比如一個表單內有一個文本框，在沒有輸入值提交時就會出錯，那么如何防止客戶端在沒有輸入時就提交表單呢？請看下面一個例子，如果您沒有輸入任何值時就會出現提示對話框：

  

在這里有一個表單：

<form name="free"method="POST"action=""onsubmit="return check()">
<p align="center">
  <input type="text"name="t1"size="20">
  <input type="submit"value="提交"name="B1">
</p>
</form>  

和一個客戶端javascript程序：

<script LANGUAGE="javascript">
<!--
function check()
{
if(document.free.t1.value.length==0){
     alert("輸入框不能為空!");
     document.free.t1.focus();
     return false;
    }
  }
//-->
</script>  

一般javascript程序放在<Script Language="javaScript">與</Script>函數之間。在
“document.free.t1.uvale.length”這條語句里，“free”是表單對象的名字，而“t1”則是文本輸入框名。當客戶端單擊提交按鈕時，就觸發onsubmit事件調用javascript腳本的check()函數，對輸入框進行檢查，若沒有輸入值，則彈出對話框提示客戶輸入，然后把光標的焦點定在輸入框，再終止提交表單。