转自:https://blog.csdn.net/opossum/article/details/1261282
提交按钮() ,对应事件为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);">
123456789101112131415161718192021222324252627282930313233好了,就说这些,主要处理在FORM中已经调用提交验证脚本的情况下,还有另外一个验证脚本时用提交按钮的ONCLICK事件处理。