`
ch_space
  • 浏览: 109249 次
  • 性别: Icon_minigender_1
  • 来自: 农村进城务工人员
社区版块
存档分类
最新评论

阻止表单自动提交

阅读更多
表单自动提交的几种情况:
1)form中只有一个type="text"的<input />,在该文本框按回车键会引起form提交。
2)form中只要含有type="text"的<input />(无论几个)和一个type=submit的按钮,在任何一个文本框中回车键都会引起form提交。

如何处理:

1)如果表单需要正常的提交(同步提交,页面有刷新),又不想产生上述问题,可以对表单进行验证(在onsubmit中),表单都合法填写后允许提交,否则返回false阻止提交并给出提示信息;

2)如果要使用ajax提交,直接禁用form的submit即可(对form的submit事件返回false)
分享到:
评论

相关推荐

    利用JavaScript阻止表单提交的两种方法

    本文介绍怎样利用JavaScript来阻止表单提交的两种方法,分别是return false和使用preventDefault(),有需要的可以参考借鉴,下面一起来看看。

    禁止按回车键提交表单的方法

    同样如果一个表单中只有一个单行文本输入域(text),那么在这个输入域中按Enter键时,浏览器会自动提交该表单。 我们对于第一种情况一般都知道而且很容易理解,但是对于第二种浏览器的默认行为,可能知道这一点的人...

    JavaScript阻止表单提交方法(附代码)

    &lt;body&gt; &lt;... &lt;p&gt;name:&lt;input type="text" name="user" id="user"&gt... 第一种方法:利用event的阻止默认事件机制,页面载入之后获得submit元素,然后为submit注册click响应函数,参数为event事件。 在用户

    如何防止INPUT按回车自动提交表单FORM

    form中的input只有一个,input获得焦点时按回车会form自动提交: &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;...

    JavaScript阻止回车提交表单的方法

    比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成表单误提交,下面就来简单介绍一下如何...

    如何防止回车(enter)键提交表单

    如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如&lt;input id=”q” name=”q” type=”text” onkeypress=”[removed]return gosearch();”&gt;返回值必须是false 代码如下: function gosearch...

    vue 解决form表单提交但不跳转页面的问题

    今天小编就为大家分享一篇vue 解决form表单提交但不跳转页面的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    详解javascript表单的Ajax提交插件的使用

    Ajax 提交插件 form.js 表单的下载地址:官方网站:http://malsup.com/jquery/form/ ...自动阻止了默认行为,而它提交的 默认页面是form 控件的action 属性的值。提交的方式是method 属性的值。 //ajaxS

    让angularjs支持浏览器自动填表

    最近有很多前端同学都抱怨说,登陆表单都不能记录自己的账号。这对于用单页面(single-page applications)和使用ajax比较多的网页...Firefox相对来说简单一点,只要表单元素有name属性,触发提交事件之后,它就会自动提

    js表单注册实现页面登录信息提示(附:阻止页面跳转)

    //阻止页面跳转 index.html [removed]=function(){ var x= document.getElementById('btn'); var x1 = document.getElementById('username'); var x2 = document.getElementById('pass'); x.onclick=...

    jQuery和css3实用登陆注册表单插件

    这是一款非常实用的jQuery和css3登陆注册表单插件。该登陆注册表单以扁平化风格设计,美观大方,并且该插件自带有表单非空项检测,当有选项未填时自动阻止提交表单。

    VeryIDE Apps 应用程序集 v1.5.6 UTF8.rar

    VeryIDE 是一套集成在线表单定制,投票定制,PK擂台,广告管理等多种应用...新增 在所有表单提交部分进行基础验证功能,减少无效表单提交 新增 专题系统增加弹出窗口被阻止时的信息提示 附注 老版升级更新包请到官网下载

    VeryIDE Apps 应用程序集 v1.5.6 GBK.rar

    VeryIDE 是一套集成在线表单定制,投票定制,PK擂台,广告管理等多种应用...新增 在所有表单提交部分进行基础验证功能,减少无效表单提交 新增 专题系统增加弹出窗口被阻止时的信息提示 附注 老版升级更新包请到官网下载

    wordpress常用插件打包 百度搜索推送插件+sitemap生成+七牛云对象存储+评论防护

    Akismet 会根据我们的全球垃圾评论数据库检查您的评论和联系表单提交,以保护您和您的站点免受恶意内容的侵害。您可以在站点的“评论”管理屏幕上查看垃圾评论。 Akismet 的主要功能包括: 自动检查所有评论,并...

    com.elisseck.civihoneypot:用于CiviCRM贡献表单的简单蜜罐字段

    特征: 经典的隐藏蜜罐字段,可配置的名称和ID 配置要由表单ID保护的贡献或事件表单(将来会有更多表单类型) 可配置的提交速度限制器-设置接受表单提交之前必须经过的最小秒数IP禁止基于手动输入的列表的受保护...

    SQL通用防注入系统3.2 beta

    2.0增强版 增加了自动封注入者Ip功能,使注入者不能再访问本站! 3.0版 在2.0增强版的基础上,加入了后台管理功能: 可以查看入侵者提交数据记录功能,解除对注入者ip封锁,以及删除注入记录功能! 3.0修正版 修正...

    pf-mobilePolyForm:使用ionic框架填写表单时,用于使Android的行为更像iOS的angjularjs指令

    如果输入是表单上的最后一个字段,则“确定” /返回将提交表单(待定$ valid)。 还修复了一个角度缺陷,该缺陷会阻止ng-model在所有平台上的选定表单上更新。 (如果在Chrome中进行测试,请打开移动设备仿真功能,...

    wordpress常用插件打包 百度搜索推送插件+sitemap生成+七牛云对象存储.zip

    Akismet 会根据我们的全球垃圾评论数据库检查您的评论和联系表单提交,以保护您和您的站点免受恶意内容的侵害。您可以在站点的“评论”管理屏幕上查看垃圾评论。 Akismet 的主要功能包括: 自动检查所有评论,并筛选...

Global site tag (gtag.js) - Google Analytics