提交按钮(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事件处理。

©️2020 CSDN 皮肤主题: 程序猿惹谁了 设计师:上身试试 返回首页