form表单按enter键自动提交的问题

废话不多说。直接上代码。

1：form表单按enter键自动提交的情况

 1 <!doctype html>
 2 <html lang="en">
 3  <head>
 4   <meta charset="UTF-8">
 5   <meta name="Generator" content="EditPlus®">
 6   <meta name="Author" content="">
 7   <meta name="Keywords" content="">
 8   <meta name="Description" content="">
 9   <title>Document</title>
10  </head>
11  <body>
12   <form method="post" action="http:www.baidu.com">
13         <input>
14         <textarea name="text" cols="20" rows="5" />
15   </form>
16  </body>
17 </html>

在此文本框中按enter键，页面会自动跳转到百度的搜索页面。

2：解决方案

　　1）去掉form表单。然后在文本框中按enter键就不会出现自动跳转的情况了。（不建议使用）

　　2）再添加一个隐藏的文本框。出现问题的原因是form表单中有且只有一个文本框。故新增一个隐藏的文本框也可解决问题。

　　3)在表单上添加属性 οnsubmit="return false";也可以解决问题。

转载于:https://www.cnblogs.com/pjdsy/p/4679008.html

form表单按enter键自动提交的问题相关推荐

Form表单回车(Enter)提交表单问题
Form表单回车(Enter)提交表单问题在Form表单中input会自动响应回车事件.这是表单的默认提交动作. 表单的提交行为,可以用两种方式定义,一是form表单自身,二是form表单的but ...
ExtJs 备忘录（4）—— Form表单（四） [ 数据提交 ]
一.截图和示例共用Ext.FormPanel 1.1 截图由于本文主要关注的是表单提交的几种方式,所以仅用了一个表单项以便于测试和减少示例代码. 1.2 示例共用Ext.FormPanel ...
Vue form表单input框手动赋值提交时表单input值没有生效验证仍然是空
一.问题 1.input 赋值后表单提交却为空在调用接口将返回的值赋在表单的 input 上或者子页面传递数值给父页面form表单model元素后,提交表单,明明值已经赋上去了,结果提交后显示的该值 ...
微信h5页面提交表单后返回键重复提交的问题
微信h5页面提交表单后返回键重复提交的问题问题描述:h5表单提交保存成功之后,手机返回后原来的页面还能提交表单. 示例: mui.post('savexxxx',data,function(res) ...
如何让form表单在enter键入时不提交
今天在做我的一个小玩意在线聊天工具的时候 form表单只有一个text和一个button每当我键入enter的时候就刷新.很是郁闷,直接在form上onsumbit=false.才行. 下面是我查询 ...
HTML5新特性---Form表单前台通过正则表达式自动验证邮箱
在HTML5中Form表单中添加了许多新特性,下面为大家介绍一种form表单中的新属性pattern. pattern 属性规定用于验证 input 域的模式(pattern),模式(pattern) ...
form表单input使用disabled后提交不能获取表单值的解决方法
今天遇到一个问题:在form表单中的input上使用disabled禁用标致,会导致表单提交时获取不到值.经过调试,以及参考相关博文,最终得以解决,下面记录解决方法. form表单输入框input设置 ...
ajax提交form表单到php,ajax如何提交form表单数据？ajax提交form表单数据的方法介绍...
对于form表单数据的提交,我们一般都会想到使用ajax提交,那么,ajax如何来提交form表单数据呢?接下来的这篇文章就来给大家来介绍关于ajax提交form表单数据方法,有需要的伙伴可以参考一下 ...
php表单登录跳转页面跳转页面,form表单页面跳转方式提交练习
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 //form表单提交练习 /*新建一个form.html网页用来书写前端HTML表单*/ 表单提交练习姓名: 年龄: 电话: 地址: QQ: 自我评价: ...

form表单按enter键自动提交的问题

form表单按enter键自动提交的问题相关推荐

最新文章

热门文章