表单回车提交问题

页面有两个表单,一个有两个input一个button, 一个只有一个input一个button;

第一个表单enter事件正常,第二个enter后明明return false了还提交...

看了http://www.javaeye.com/topic/567532后才知道

然后加了个<input type="text" style="display:none;"/>就可以了,用input type="hidden"是不行的...

你可能感兴趣的:(回车提交)

  • 禁止回车提交表单 恬雅过客
    一般浏览器都提供了回车键提交表单功能，这样带来了不少便利。但是有时候，你的业务场景又不需要回车提交表单功能，因为这样会影响你已有的业务逻辑。禁止回车提交form表单的方法：解决单个输入框的回车即提交问题，可以增加一个隐藏的input="text"display='none';然后type类型为button。在form表单或input中加入：onkeydown="if(event.keyCode==
  • textarea 回车提交；shift+回车 换行 脚本语言_菜鸟 firefox前端
    functionkeydownEnter(e){if(!e.shiftKey&&e.keyCode===13){e.cancelBubble=true;//ie阻止冒泡行为e.stopPropagation();//Firefox阻止冒泡行为e.preventDefault();//取消事件的默认动作*换行if(e.srcElement.value){submit()}}}
  • 【项目经验】：elementui 表单问题 bug天选之子 项目经验elementuivue.jsjavascript
    一.项目问题1.在登录页面输入密码后浏览器保存密码，在下一次别的页面打开输入框会自动输入浏览器保存的密码。原因是浏览器会默认认为当前input的属性是password。2.当form表单只有一个表单时回车提交表单问题二.最终解决方案浏览器自动填充密码问题先设置input输入框的type属性为text;然后获取焦点时改变type为password。//html//jsfocusFn(e){e.src
  • el-input textarea输入框 字体英文输入问题、回车提交、ctrl+enter换行等问题 小雍雍 elementvuejavascript前端vue.js
    需求一：textarea输入框回车改发送（中文下字母输入时，回车直接发送）关键点：两个方法@keydown.enter.native@input；以及延时获取内容时机inputWay(val){this.question=val},//回车不换行变成发送消息carriageReturn(){lete=window.event||arguments[0];//英文下｜中文下：13EnterEnter
  • 前端js优化表单中单个输入框的回车提交事件 Evan不懂前端 前端
    解决AngularForms报错：Twoincompatibledecoratorsonclass在升级Angular版本时，有时会遇到一个报错信息：AngularFormserror:Twoincompatibledecoratorsonclass。这个报错信息可能会让你感到困惑，不知道如何解决。本文将介绍这个问题的解决办法。问题描述在将Angular版本从10升级到11的过程中，当执行npms
  • 前端js优化表单中单个输入框的回车提交事件 Evan不懂前端 前端javascriptjava
    前提当表单内只有一个input输入框时，即使表单没有submit按钮，在输入框内按下回车键就会触发表单的提交事件。这可能会导致一些意外的行为，特别是当用户不希望提交表单时。为了解决这个问题，我们可以采取以下两种优化方法：方法一：不包含在form元素里如果表单只有一个输入框，我们可以将该输入框放在一个独立的div或span元素中，而不是将其包含在form元素中。这样做可以避免回车键触发表单提交事件的
  • js控制回车触发事件 初生的太阳丶 jsjavascript前端
    方法一：document.onkeydown=function(e){//回车提交表单//兼容FF和IE和OperavartheEvent=window.event||e;varcode=theEvent.keyCode||theEvent.which||theEvent.charCode;if(code==13){queryInfo();}}方法二：JS监听某个DIV区域$("#queryTab
  • html 禁用回车提交,HTML页面禁用Enter键自动提交表单 Yiqin Fu html禁用回车提交
    在HTML页里面由于使用了form，常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时，按下enter都会触发表单的默认提交(不论是IE还是firefox)，于是需要在onkeydown中监听用户的按键。实际测试，IE8中导致表单提交的不确定因素太多，点击表单的table中的td都会触发表单提交，而firefox则不会；
  • html 禁用回车提交,HTML防止input回车提交表单 cksh20190209 html禁用回车提交
    原链接：https://blog.csdn.net/ligang2585116/article/details/44699567自动提交情况说明：1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。(按钮默认的type为submit)3.当type
  • react-antd 阻止input form组件回车提交表单 冰河技术
    给input添加回车事件，阻止冒泡this.preventBubble(e)}/>然后在函数里冒泡preventBubble(e){e.preventDefault();}这是用云开发开发的小程序，可以参考一下
  • Form表单input回车提交问题 dz45693 HTML
    问题：文本框输入完成后点击回车页面刷新问题出在form上，当表单中只有一个文本框的时候获取焦点并点击回车之后会提交表单内容，就会发生刷新事件。发现问题所在就好解决问题了。现在有三种解决方案：1.全局禁用回车事件functiondocument.onkeydown(){vare=event.srcElement;if(event.keyCode==13){returnfalse;}}但是这样会出现想
  • 怎么解决input按回车时触发 在绝望中飘零
    需求：用户要求在查询时可以直接在输入指令或型体时按回车提交查询。20200401-1.jpg解决方式：我们使用jquery中的keydown事件，代码如下：$("input[seartItem]").keydown(function(e){varcurKey=e.which;if(curKey==13){$("#myform").submit();}});型體:注：seartItem我在input
  • vue中在弹框中使用form表单，取消默认的回车提交效果-刷新页面 浩星 vue.jsjavascript前端
    前言：vue项目中使用dialog弹框的时候，如果在弹框上使用form表单，但是我们只是使用他的input框，不需要它默认的提交功能的时候，会出现input聚焦，回车刷新页面，是因为他触发了默认的form提交方法。解决办法，可以js动态禁止回车，也可以去掉默认的提交。优化该处功能方法：1、动态给他添加回车禁止事件打开弹框时挂载，关闭弹框时候取消document.addEventListener('
  • iview Form 组件阻止回车提交表单 Bior
    问题描述当form中只有一个input时回车会自动提交表单，这是浏览器的默认行为。解决办法第一种是在Input上加@keydown.native.enter.prevent="handleEnter"第二种是在Form上加@submit.native.prevent
  • 阻止form表单回车提交刷新页面 QLemon_0908 前端前端
    备忘记录：些许物理手段：不要让表单中只有一个文本框(增加一个隐藏的文本框就行)form上添加：οnsubmit="returnfalse;"在el-form上加上@submit.native.prevent这个则会阻止表单回车提交input上加上@[email protected]="search()"[email protected]="s
  • 当一个 form 元素中只有一个输入框时，在该输入框中按下回车提交表单，并阻止默认的表单提交 小志哥斯拉 Vuevue.jsjavascriptelementui
    问题：当一个form元素中只有一个输入框时，在该输入框中按下回车，会默认提交该表单，导致刷新整个页面。而需求是不可以刷新页面，而是异步提交表单。发运原因：W3C标准:当一个form元素中只有一个输入框时，在该输入框中按下回车应提交该表单。解决：加上@submit.native.prevent阻止form表单默认提交事件。监听输入框的回车事件@keydown.enter.native="shipCo
  • ajax请求文件状态为 canceled 的解决办法 楠辞琦咎 Jsajax
    ajax请求文件状态为canceled的解决办法场景还原原因分析解决场景还原最近做一个表单提交的需求时，遇到了这种情况，输完账号密码后回车提交，报错，f12打开看到是请求的status为canceled了，震惊一秒钟。。。如下图：原因分析请求的文件状态为啥是canceled，文字翻译过来就是被取消。经查资料分析，canceled是因为请求被表单自带的formaction事件打断而产生的。forma
  • 前端 JavaScript控制回车键进行表单（form）提交 天下·第二 前端javascript前端开发语言
    前端JavaScript控制回车键进行表单（form）提交提交表单document.onkeydown=function(e){//回车提交表单vartheEvent=window.event||e;varcode=theEvent.keyCode||theEvent.which||theEvent.charCode;if(code===13){add_team_member();returnfa
  • 2020-07-05 elementui系列：input回车事件，阻止原生刷新页面事件，slot Million1000000
    1.监听原生input的话使用@keyup.enter，封装组件比如elementui的话就要这么写：@keyup.enter.native2.在vue+elementui中只有一个el-input的情况下，回车会提交表单，在el-form上加上@submit.native.prevent这个则会阻止表单回车提交3.复合型输入框，可前置或后置元素，一般为标签或按钮slot="append/prep
  • JavaScript实现form提交，回车提交URL地址伪静态 原创
    文本框（inputelement）里输入内容后，直接Enter回车键提交表单（form），是很方便的，也很人性化，便于用户使用。比如一个搜索框，希望输入完关键词之后直接按回车键立即提交表单，但如果不使用form提交，用JavaScript来实现提交动作，而且提交URL地址伪静态化，不想带问号和搜索关键词，搜索框内enter回车键自动提交，那么应该如何实现呢。笔者下面将用实际代码来展示。下面是htm
  • 朝花夕拾 weixin_33701294 java运维前端ViewUI
    迭代器删除容器相关源码while(true)死循环里面捕捉异常，然后break;前端elementUI表单回车提交。vue中是@keyup.enter监听回车事件但是elementUI封装了input标签需要用@keyup.enter.native数据库相关MySQL建表的时候默认值不能用函数，比如defaultuuid()它不认识char是固定长度的，varchar会根据具体的长度来适用存储空间
  • 前端面试每日 3+1 —— 第960天
    今天的知识点(2021.12.01)——第960天(我也要出题)[html]使用canvas画一个简单的开机动画[css]你有使用过css的:checked伪类吗？[js]使用js写一个回车提交的方法[软技能]你如何掌握自己的技术生涯？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！相信坚持的
  • 提交表单 frankisbaby
    1.使用input标签的submit属性提交按钮2.使用普通按钮（只要能点击）进行提交。3.用户点击了回车键也能提交。普通按钮提交阻止回车提交
  • js中按下回车触发事件 weixin_38166557
    方法一：document.onkeydown=function(e){//回车提交表单//兼容FF和IE和OperavartheEvent=window.event||e;varcode=theEvent.keyCode||theEvent.which||theEvent.charCode;if(code==13){queryInfo();}}方法二:JS监听某个DIV区域$("#queryTab
  • 解决form表单提交刷新问题 sunlizhen vue
    vue+elementui阻止表单输入框回车刷新页面如果button不设置type='button'问题在vue+elementui中只有一个输入框（el-input）的情况下，回车会提交表单。解决方案在el-form上加上@submit.native.prevent这个则会阻止表单回车提交。测试下面的代码出现表单回车提交newVue({el:"#app",data:{form:{}}});下面的
  • 输入密码后默认回车提交登录事件 weixin_34246551
    密  码functionsubmitLogin(){vartxtUserCode=document.getElementById("txtUserCode");vartxtPassWord=document.getElementById("txtPassWord");varSaveCookie=document.getElementById("SaveCookie");varL
  • JS 回车提交，兼容IE、火狐、Opera、Chrome、Safari weixin_33697898
    1、JavaScript方法：[javascript]document.οnkeydοwn=function(event){e=event?event:(window.event?window.event:null);if(e.keyCode==13){//执行的方法alert('回车检测到了');}}document.οnkeydοwn=function(event){e=event?event
  • JS 回车提交，兼容IE、火狐、Opera、Chrome、Safari…… dkoq40185 javascript
    JS回车提交，兼容IE、火狐、Opera、Chrome、Safari……1、JavaScript方法：[javascript]document.οnkeydοwn=function(event){e=event?event:(window.event?window.event:null);if(e.keyCode==13){//执行的方法alert('回车检测到了');}}document.οnk
  • JS 回车提交，兼容IE、火狐、Opera、Chrome、Safari…… . jiangguo1205
    1、JavaScript方法：document.οnkeydοwn=function(event){e=event?event:(window.event?window.event:null);if(e.keyCode==13){//执行的方法alert('回车检测到了');}}2、jQuery方法：$(document).ready(function(){$("按下回车的控件").keydown
  • 在jquery中使用$("#form").submit() 重写提交表单时不起作用 jinnianshilongnian js&jquery&bootstrapjava开发常见问题分析
    问题：最近使用jquery的validationEngine做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。分析：通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。原因：很诡异，因为我的提交表单按钮名字是submit。改掉就好了。
  • 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题 何必如此 jsp超链接文件下载窗口
    生成下载页面是需要选择“录入提交页面”，生成之后默认的下载页面<a>标签超链接为：<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
  • 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析 bit1129 cluster
    在分析源代码之前，首先对Standalone Cluster Mode的资源调度有一个基本的认识： 首先，运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下，Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU，这就需要Maste
  • linux上独立安装部署spark daizj linux安装spark1.4部署
    下面讲一下linux上安装spark，以 Standalone Mode 安装   1）首先安装JDK   下载JDK：jdk-7u79-linux-x64.tar.gz  ，版本是1.7以上都行，解压 tar -zxvf jdk-7u79-linux-x64.tar.gz     然后配置 ~/.bashrc&nb
  • Java 字节码之解析一 周凡杨 java字节码javap
        一： Java 字节代码的组织形式   类文件 {     OxCAFEBABE ，小版本号，大版本号，常量池大小，常量池数组，访问控制标记，当前类信息，父类信息，实现的接口个数，实现的接口信息数组，域个数，域信息数组，方法个数，方法信息数组，属性个数，属性信息数组 } &nbs
  • java各种小工具代码 g21121 java
    1.数组转换成List import java.util.Arrays; Arrays.asList(Object[] obj); 2.判断一个String型是否有值 import org.springframework.util.StringUtils; if (StringUtils.hasText(str)) 3.判断一个List是否有值 import org.spring
  • 加快FineReport报表设计的几个心得体会 老A不折腾 finereport
    一、从远程服务器大批量取数进行表样设计时，最好按“列顺序”取一个“空的SQL语句”，这样可提高设计速度。否则每次设计时模板均要从远程读取数据，速度相当慢！！ 二、找一个富文本编辑软件（如NOTEPAD+）编辑SQL语句，这样会很好地检查语法。有时候带参数较多检查语法复杂时，结合FineReport中生成的日志，再找一个第三方数据库访问软件（如PL/SQL）进行数据检索，可以很快定位语法错误。
  • mysql linux启动与停止 墙头上一根草
    如何启动/停止/重启MySQL一、启动方式1、使用 service 启动：service mysqld start2、使用 mysqld 脚本启动：/etc/inint.d/mysqld start3、使用 safe_mysqld 启动：safe_mysqld&二、停止1、使用 service 启动：service mysqld stop2、使用 mysqld 脚本启动：/etc/inin
  • Spring中事务管理浅谈 aijuans spring事务管理
    Spring中事务管理浅谈 By Tony Jiang@2012-1-20 Spring中对事务的声明式管理 拿一个XML举例 [html]  view plain copy print ? <?xml version="1.0" encoding="UTF-8"?>&nb
  • php中隐形字符65279（utf-8的BOM头）问题 alxw4616
    php中隐形字符65279（utf-8的BOM头）问题 今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.   调试: 1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题. 2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.        
  • 调用对象是否需要传递对象(初学者一定要注意这个问题) 百合不是茶 对象的传递与调用技巧
        类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看   为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)   类和对象的基础概念:   JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
  • JDK1.5 AtomicLong实例 bijian1013 javathreadjava多线程AtomicLong
    JDK1.5 AtomicLong实例 类 AtomicLong 可以用原子方式更新的 long 值。有关原子变量属性的描述，请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中（如以原子方式增加的序列号），并且不能用于替换 Long。但是，此类确实扩展了 Number，允许那些处理基于数字类的工具和实用工具进行统一访问。  
  • 自定义的RPC的Java实现 bijian1013 javarpc
            网上看到纯java实现的RPC，很不错。         RPC的全名Remote Process Call，即远程过程调用。使用RPC，可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例，从中可以看到RPC如何
  • 【RPC框架Hessian一】Hessian RPC Hello World bit1129 Hello world
    什么是Hessian The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
  • 【Spark九十五】Spark Shell操作Spark SQL bit1129 shell
    在Spark Shell上，通过创建HiveContext可以直接进行Hive操作   1. 操作Hive中已存在的表   [hadoop@hadoop bin]$ ./spark-shell Spark assembly has been built with Hive, including Datanucleus jars on classpath Welcom
  • F5　往header加入客户端的ip ronin47
    when HTTP_RESPONSE {if {[HTTP::is_redirect]}{         HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
  • java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5, bylijinnan java
    思路来自： http://zhedahht.blog.163.com/blog/static/2541117420116135376632/ 写了个java版的 public class GreatestLeftRightDiff { /** * Q61.在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差。 * 求所有数对之差的最大值。例如在数组
  • mongoDB 索引 开窍的石头 mongoDB索引
    在这一节中我们讲讲在mongo中如何创建索引       得到当前查询的索引信息      db.user.find(_id:12).explain();        cursor: basicCoursor 指的是没有索引  &
  • [硬件和系统]迎峰度夏 comsci 系统
      从这几天的气温来看，今年夏天的高温天气可能会维持在一个比较长的时间内    所以，从现在开始准备渡过炎热的夏天。。。。    每间房屋要有一个落地电风扇，一个空调(空调的功率和房间的面积有密切的关系)    坐的，躺的地方要有凉垫，床上要有凉席       电脑的机箱
  • 基于ThinkPHP开发的公司官网 cuiyadll 行业系统
    后端基于ThinkPHP，前端基于jQuery和BootstrapCo.MZ 企业系统 轻量级企业网站管理系统 运行环境:PHP5.3+, MySQL5.0 系统预览 系统下载：http://www.tecmz.com 预览地址：http://co.tecmz.com 各种设备自适应 响应式的网站设计能够对用户产生友好度，并且对于
  • Transaction and redelivery in JMS (JMS的事务和失败消息重发机制) darrenzhu jms事务承认MQacknowledge
    JMS Message Delivery Reliability and Acknowledgement Patterns http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/ Transaction and redelivery in
  • Centos添加硬盘完全教程 dcj3sjt126com linuxcentoshardware
    Linux的硬盘识别: sda        表示第1块SCSI硬盘 hda       表示第1块IDE硬盘 scd0      表示第1个USB光驱 一般使用“fdisk -l”命
  • yii2 restful web服务路由 dcj3sjt126com PHPyii2
    路由 随着资源和控制器类准备，您可以使用URL如 http://localhost/index.php?r=user/create访问资源，类似于你可以用正常的Web应用程序做法。 在实践中，你通常要用美观的URL并采取有优势的HTTP动词。 例如，请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
  • MongoDB查询(4)——游标和分页[八] eksliang mongodbMongoDB游标MongoDB深分页
    转载请出自出处：http://eksliang.iteye.com/blog/2177567 一、游标         数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制，从shell中定义一个游标非常简单，就是将查询结果分配给一个变量（用var声明的变量就是局部变量），便创建了一个游标，如下所示： > var
  • Activity的四种启动模式和onNewIntent() gundumw100 android
    Android中Activity启动模式详解 　　在Android中每个界面都是一个Activity，切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。 　　Android总Activity的启动模式分为四种： Activity启动模式设置： <acti
  • 攻城狮送女友的CSS3生日蛋糕 ini htmlWebhtml5csscss3
    在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm   代码如下：   <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
  • 读源码学Servlet（1）GenericServlet 源码分析 jzinfo tomcatWebservlet网络应用网络协议
    Servlet API的核心就是javax.servlet.Servlet接口，所有的Servlet 类（抽象的或者自己写的）都必须实现这个接口。在Servlet接口中定义了5个方法，其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。     先看javax.servlet.servlet接口源码：  package
  • JAVA进阶：VO(DTO)与PO(DAO)之间的转换 snoopy7713 javaVOHibernatepo
      PO即 Persistence Object　　VO即 Value Object 　VO和PO的主要区别在于：　　VO是独立的Java Object。　　PO是由Hibernate纳入其实体容器（Entity Map）的对象，它代表了与数据库中某条记录对应的Hibernate实体，PO的变化在事务提交时将反应到实际数据库中。 　实际上，这个VO被用作Data Transfer
  • mongodb group by date 聚合查询日期 统计每天数据（信息量） qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    /* 1 */ { "_id" : ObjectId("557ac1e2153c43c320393d9d"), "msgType" : "text", "sendTime" : ISODate("2015-06-12T11:26:26.000Z")
  • java之18天 常用的类(一) Luob. MathDateSystemRuntimeRundom
    System类 import java.util.Properties; /** * System: * out:标准输出,默认是控制台 * in:标准输入,默认是键盘 * * 描述系统的一些信息 * 获取系统的属性信息:Properties getProperties(); * * * */ public class Sy
  • maven wuai maven
    1、安装maven：解压缩、添加M2_HOME、添加环境变量path 2、创建maven_home文件夹，创建项目mvn_ch01,在其下面建立src、pom.xml，在src下面简历main、test、main下面建立java文件夹 3、编写类，在java文件夹下面依照类的包逐层创建文件夹，将此类放入最后一级文件夹 4、进入mvn_ch01 4.1、mvn compile ,执行后会在
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他