提交按鈕(type="submit")中使用onclick事件
阿新 • • 發佈:2018-12-10
提交按鈕() ,對應事件為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事件處理。