提交按钮（type="submit"）中使用onclick事件

转自：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事件处理。