转载
问题描述:应用中的一个表单回车后会提交,但不执行button中的onclick,需要禁用回车提交。
产生原因:在只有一个控件的FORM中,按回车会提交FORM。在这段程序中,会导致不执行button中的onclick中的JS代码,引起相应错误。
注意:多于一个控件,回车不会提交。
解决:
方法一:直接在form的onsubmit方法,因为是自己的方法,无论点击还是回车都会验证。
<form name="form1" id="form1" action="act.php" method="post"
onsubmit="myfn();return false;">
方法二:
<form id="phoneValidateForm" action="a.do" method="post">
在此输入验证码:
<input name="validateCode" id="validateCode" type="text" size="7" maxlength="6" onkeypress="if(event.keyCode==13||event.which==13){return false;}" >
<input type="button" value="验 证" onclick="js代码" />
</form>
注:因firefox里不支持event.keyCode,所以改成
onkeypress="if(event.keyCode==13||event.which==13){return false;}"实现。
firefox中用event.which捕获用户操作,而且不能设置值,只能取值,所以不能写event.which=0
方法三:
function KeyDown() {
// 当按下“回车键”时执行Submit事件
if (window.event.keyCode == 13){
document.getElementById("ic").onclick);
}
}
引用的地方:
<input name="ticket" id="ti" class="input1" size="4" onkeydown="KeyDown()" >
<img id="ic" src="<%=request.getContextPath()%>/images/pic025a.gif" width="62" height="22" onClick="return toform()"/>
分享到:
相关推荐
表单验证大全表单验证大全表单验证大全表单验证大全表单验证大全
按回车键时跳到下一个表单元素的javascript代码 <br>函数说明:按回车键时跳到下一个表单元素 JumpToNextElement() 用于按回车键时跳到下一个表单元素(统一处理按回车键的问题) 在页面调用: <script ...
js表单验证大全js表单验证大全js表单验证大全
C# 可以验证表单,密码,等也可以验证姓名?
表单提交验证类表单提交验证类表单提交验证类表单提交验证类
jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证
比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码...表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行必填项不能为空验证,再进行正则表达式匹配验证。
全网最全的 表单验证, js表单验证,form表单验证,前端验证,简介验证 email URL 登陆验证
jquery表单验证插件
网上常见的用JS编写的注册表单验证的代码,非常实用哦
1、验证插件支持正则表达式验证,函数验证,ajax异步验证,支持对比验证,并支持对表单的自定义属性或指定属性进行验证,应该足矣满足常用软件及网站开发需求。(可根据自己需求,手动添加验证方式) 2、插件支持...
表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于JavaScript技术...
网页表单验证
用户注册表单验证(Ajax验证),Ajax写的,注册表单验证。
JavaScript表单验证 JavaScript表单验证 JavaScript表单验证
js表单验证,js表单验证,js表单验证,js表单验证,js表单验证,js表单验证,js表单验证,
一个包含了js的简单的表单验证,下载后随意粘贴代码。
js提交表单及js表单验证大全, 记录javascript与表单的各种验证。
jQuery-Validation-Engine-master 表单验证插件 简单好用,已经包含汉化
javascript很好很强大的JS表单验证 javascript很好很强大的JS表单验证