提交按钮(type=“submit”)中使用onclick事件

发布时间:2025-03-01 12:34

在家中设置紧急呼叫按钮,以防突发事件 #生活常识# #生活安全# #老年人安全注意事项#

最新推荐文章于 2025-01-09 00:59:38 发布

lizhi_ma 于 2018-09-18 21:24:30 发布

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

网址:提交按钮(type=“submit”)中使用onclick事件 https://www.yuejiaxmz.com/news/view/800790

相关内容

在 input type=“submit” 按钮中添加事件
submit自动提交按钮
form表单中的input type=“submit”
JS清空上传控件input(type=“file”)的值的代码
使用document.all.item定位Html元素
input type=“search” 实现搜索框。
基于LayUI使用FullCalendar实现日程管理
LayUI使用中遇到的问题 & 解决办法
input type=“time”
input标签的type为select、radio、checkbox的使用

随便看看