`

表单回车跳过验证

阅读更多
转载
问题描述:应用中的一个表单回车后会提交,但不执行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代码

    按回车键时跳到下一个表单元素的javascript代码 &lt;br&gt;函数说明:按回车键时跳到下一个表单元素 JumpToNextElement() 用于按回车键时跳到下一个表单元素(统一处理按回车键的问题) 在页面调用: &lt;script ...

    bootstarp表单验证

    Bootstrap表单验证是一种在网页开发中确保用户输入数据有效性的技术。Bootstrap,作为最流行的前端框架之一,提供了优雅的样式和组件,使开发者能够轻松创建响应式和美观的界面。结合jQuery,我们可以实现动态和交互...

    简单的表单验证

    在IT领域,表单验证是网页开发中必不可少的一部分,它确保用户输入的数据符合预设的规则,从而保证数据的有效性和安全性。"简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的...

    php+ajax表单无刷新验证

    传统的表单验证方式通常在用户提交表单后进行,如果数据不符合要求,用户需要重新填写整个表单,这显然是不理想的。PHP与AJAX(Asynchronous JavaScript and XML)结合的表单验证技术可以实现无刷新验证,即在用户...

    表单验证jquery插件

    在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高数据质量和用户体验。jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到...

    js表单验证 全网最全的 表单验证

    前端验证可以防止无效数据提交,但不能防止恶意用户绕过前端验证。因此,任何敏感数据的提交都应配合后端验证。 总结来说,这个资源集合提供了一系列关于JavaScript表单验证的方法和实例,包括基础的输入验证、电子...

    javascript表单验证 正则表达式验证表单

    比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码...表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行必填项不能为空验证,再进行正则表达式匹配验证。

    根据配置动态生成有验证的表单

    在IT行业中,表单验证是前端开发中必不可少的一部分,它确保用户输入的数据符合特定的规则,从而维护数据的完整性和安全性。"根据配置动态生成有验证的表单"这一技术主题,结合使用了iview框架和async-validator库,...

    DW笨阿猪高级表单验证

    在IT行业中,表单验证是前端开发中的一个重要环节,它确保用户输入的数据符合特定的规则,从而维护数据的完整性和安全性。"DW笨阿猪高级表单验证"可能是一个专门针对Dreamweaver(DW)用户的插件或教程,旨在帮助...

    JQuery实现表单验证

    在Web开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合应用程序的要求和预期。JQuery,一个流行的JavaScript库,提供了强大的功能来简化这一过程。本篇将深入探讨如何利用JQuery实现表单验证,特别...

    JS注册表单验证

    网上常见的用JS编写的注册表单验证的代码,非常实用哦

    用户注册表单验证(Ajax验证)

    用户注册表单验证是Web开发中的关键步骤,它确保用户输入的数据符合系统要求,从而提高数据质量并增强用户体验。在本场景中,我们讨论的是利用Ajax技术进行的异步验证,这种方式无需刷新整个页面,就能实时检查用户...

    表单验证控件 简单

    1、验证插件支持正则表达式验证,函数验证,ajax异步验证,支持对比验证,并支持对表单的自定义属性或指定属性进行验证,应该足矣满足常用软件及网站开发需求。(可根据自己需求,手动添加验证方式) 2、插件支持...

    js表单验证 表单验证类 整合

    表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于JavaScript技术...

    html表单验证代码网页表单验证

    网页表单验证

    js实时动态验证表单是否合法

    在网页表单设计中,实时动态验证能够极大地提升用户体验,因为它允许用户在输入时立即得到反馈,了解其填写的信息是否符合要求,无需等待提交表单后才知道错误。这种即时验证技术通过监听用户的输入事件,实时检查...

    表单验证验证联系.zip

    表单验证不仅仅局限于客户端的HTML5验证,服务器端验证同样必不可少,因为客户端验证可以被轻易绕过。在服务器端,我们可以使用各种编程语言(如PHP、Python、Node.js等)对用户提交的数据进行验证,确保其安全性和...

    JavaScript表单即时验证 验证不成功不能提交

    不能再让表单在提交按钮之后才被验证了!你输入的任何信息表单都会即时反应! 这个JavaScript的关键是onChange()事件,使用onKeyUp()事件完成是不行的,人家没有输入完毕,你就说人家不对,多不友好啊╮(╯▽╰)╭ ...

    表单验证自定义验证规则和错误信息

    2. **后端验证**:即使前端验证成功,也必须在服务器端进行验证,因为恶意用户可能会绕过前端验证。后端验证确保数据的安全性。 自定义验证规则的实现通常涉及以下方面: ### 1. **创建验证函数** 在JavaScript中...

    js表单验证s表单验证s表单验证

    js表单验证,js表单验证,js表单验证,js表单验证,js表单验证,js表单验证,js表单验证,

Global site tag (gtag.js) - Google Analytics