1. 程式人生 > >提交按鈕(type="submit")中使用onclick事件

提交按鈕(type="submit")中使用onclick事件

提交按鈕() ,對應事件為FORM的提交事件,有時FORM需要一些驗證,比如驗證時間(ONSUBMIT=“RETURN CHECKTIME();”) ,而且時間指令碼為共有的,不能輕易修改,現在又想驗證某一輸入框的值不能為空(只是舉例,此問題可以在設計時避免),也就是有兩個(多個的話,你應該考慮你的設計了_)要驗證,怎麼辦? 在此介紹提交按鈕的ONCLICK事件,解決這個問題。

驗證文字框是否為空的指令碼

<script type="text/javascript">
<!--
 function isNullWithText(textName)
 {   
  var txtTemp = eval("document.forms[0]." + textName).value;  
  if(txtTemp.length==0)
  {  
   alert("此文字框不能為空!");
   eval("document.forms[0]." + textName).focus();
   return false;
  }
  if(this.document.forms[0].onsubmit()==true)//判斷FORM提交驗證時間的結果
  {   
   this.document.forms[0].submit();//驗證時間通過,FORM提交
   return true;
  }
  else
  {
   return false;//驗證時間失敗,返回
  }
 }
-->
</script>

FORM呼叫驗證時間指令碼

<form  method="post" action="YOURACTION" onsubmit="return checkTime();" >

文字框<input type="text" name="txtTest" size="12">

提交按鈕呼叫文字框驗證指令碼

<input type="submit" name="smtTest" onclick="return   isNullWithText(txtTest);">

好了,就說這些,主要處理在FORM中已經呼叫提交驗證指令碼的情況下,還有另外一個驗證指令碼時用提交按鈕的ONCLICK事件處理。