转自: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);">
好了,就说这些,主要处理在FORM中已经调用提交验证脚本的情况下,还有另外一个验证脚本时用提交按钮的ONCLICK事件处理。