表单文本框回车提交表单阻止方法

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="http://www.sibu.cn" method="get">
 <input type="text" id="txt">
 <input type="password">
 <input type="submit">
</form>
<script type="text/javascript" src="http://img.sibu.cn/font/js/newjs/jquery-1.11.1.min.js"></script>
<script>
$("#txt").on("keydown",function(e){
 var e=e||window.event;
 if(e.which===13){
  event.preventDefault?event.preventDefault():event.returnValue=false;
 }
});
</script>
</body>
</html>

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

  • 禁止回车提交表单 恬雅过客
    一般浏览器都提供了回车键提交表单功能，这样带来了不少便利。但是有时候，你的业务场景又不需要回车提交表单功能，因为这样会影响你已有的业务逻辑。禁止回车提交form表单的方法：解决单个输入框的回车即提交问题，可以增加一个隐藏的input="text"display='none';然后type类型为button。在form表单或input中加入：onkeydown="if(event.keyCode==
  • 【项目经验】：elementui 表单问题 bug天选之子 项目经验elementuivue.jsjavascript
    一.项目问题1.在登录页面输入密码后浏览器保存密码，在下一次别的页面打开输入框会自动输入浏览器保存的密码。原因是浏览器会默认认为当前input的属性是password。2.当form表单只有一个表单时回车提交表单问题二.最终解决方案浏览器自动填充密码问题先设置input输入框的type属性为text;然后获取焦点时改变type为password。//html//jsfocusFn(e){e.src
  • 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防止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();}这是用云开发开发的小程序，可以参考一下
  • iview Form 组件阻止回车提交表单 Bior
    问题描述当form中只有一个input时回车会自动提交表单，这是浏览器的默认行为。解决办法第一种是在Input上加@keydown.native.enter.prevent="handleEnter"第二种是在Form上加@submit.native.prevent
  • 当一个 form 元素中只有一个输入框时，在该输入框中按下回车提交表单，并阻止默认的表单提交 小志哥斯拉 Vuevue.jsjavascriptelementui
    问题：当一个form元素中只有一个输入框时，在该输入框中按下回车，会默认提交该表单，导致刷新整个页面。而需求是不可以刷新页面，而是异步提交表单。发运原因：W3C标准:当一个form元素中只有一个输入框时，在该输入框中按下回车应提交该表单。解决：加上@submit.native.prevent阻止form表单默认提交事件。监听输入框的回车事件@keydown.enter.native="shipCo
  • 前端 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
  • 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
  • 在jquery中使用$("#form").submit() 重写提交表单时不起作用 jinnianshilongnian js&jquery&bootstrapjava开发常见问题分析
    问题：最近使用jquery的validationEngine做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。分析：通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。原因：很诡异，因为我的提交表单按钮名字是submit。改掉就好了。
  • JSP 随手记 Va丶Shemer jsp
    JSP零碎知识点在Model中，若时间参数的类型为Date，拿到前端页面展示的时候，会呈现为MonAug1413:59:50CST2017。若想格式化时间，可以采用input标签中可以这样使用"/>从web到数据库保存时间，参数为Date类型，可在参数上加@DateTimeFormat(pattern="yyyy-MM-ddHH:mm:ss")，格式化时间。屏蔽回车提交表单方法：在标签中加入
  • 前端,输入框内禁止回车提交表单 yanziit jQuery
    1.输入框onkeydown事件2.jQuery方法functionpreventFormEditToInputFile(event){varkeycode;if(event.which){keycode=event.which;}if(keyCode==13){returnfalse;}returntrue;}
  • HTML | 防止 input 回车提交表单 OSong
    最近在做一个小需求时，发现了一个问题：当form表单中，存在一个button，在input中按回车会自动触发form提交，很是郁闷，经过查询资料，特总结如下：自动提交情况说明：1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。（按钮默认的type
  • js 回车提交表单两种实现方法_javascript技巧 liwendong5
    $(document).ready(function(){$("#name11").keydown(function(e){varcurKey=e.which;if(curKey==13){$("#name11").click();searchUser()/*returnfalse;*/}});});/*document.onkeydown=function(event){e=event?even
  • Ajax异步按下回车提交表单 故事我忘了°
    作者:故事我忘了￠个人微信公众号:程序猿的月光宝盒html帖子标题:js/***点击查找按钮/提交表单,设置提交方法,但是返回false*/$("#findInvis").submit(function(){//按下回车/提交按钮后的操作findBy(1);//返回falsereturnfalse;});isEmpty()判断input框是否为空isEmpty:判断函数入参值是否为空，只能用于字符
  • Ajax异步按下回车提交表单 故事我忘了°
    作者:故事我忘了￠个人微信公众号:程序猿的月光宝盒html帖子标题:js/***点击查找按钮/提交表单,设置提交方法,但是返回false*/$("#findInvis").submit(function(){//按下回车/提交按钮后的操作findBy(1);//返回falsereturnfalse;});isEmpty()判断input框是否为空isEmpty:判断函数入参值是否为空，只能用于字符
  • vue.js中 ,回车键实现登录或者提交表单! koala_dz
    vue的功能非常强大,但是我们作为一个后端开发人员,前端的东西不一定都弄的很明白,今天就给大家介绍一个回车提交表单的真实案例,达到回车登录的效果[email protected]实现的效果//这里是一个输入框methods:{handellogin(){this.$axios.post(`${this.$settings.Host}/users/login/`,{username:this.usernam
  • HTML防止input回车提交表单 这个昵称没有被占有吧 疑难问题解惑
    昨天发现一个线上问题，在form表单中有一个type=text和type=hidden，在输入框回车后，触发了form提交。关于触发form表单提交的情况总结如下：默认情况下，单个输入框，无论按钮的type=”submit”还是type=”button”类型，回车即提交。当type=”submit”时，无论有几个type=”text”输入框，回车均表示提交。（按钮默认的type为submit）。当
  • Form 表单中的Input元素回车时不保存表单 HTL
    在Form表单中如果直接在Input元素里敲回车键,那么默认将提交表单,可以通过keydown事件取消默认此操作$("form").live('keydown',function(){ return!(event.keyCode==13); }); 参考：HTML防止input回车提交表单FromWizNote
  • javascript如何禁用点击回车提交表单 softwhy
    javascript如何禁用点击回车提交表单:下面和大家分享一段代码，介绍一下如何禁止回车提交表达功能。代码如下:functionenterFunc() { if(event.keyCode==13) { returnfalse; } elseif(event.srcElement.type=="submit") { theform.submit(); } } documen
  • 禁用按回车提交表单 北斗星空的笨小孩
    //禁用页面中的回车键functionform_onkeydown(){//alert(window.event.srcElement.tagName);    if(event.keyCode==13&&window.event.srcElement.tagName!="TEXTAREA")    {             event.returnValue=false;    }}
  • 禁用按回车提交表单 北斗星空的笨小孩
    //禁用页面中的回车键functionform_onkeydown(){//alert(window.event.srcElement.tagName);    if(event.keyCode==13&&window.event.srcElement.tagName!="TEXTAREA")    {             event.returnValue=false;    }}
  • 阻止点击回车提交表单简单方法分享 一落叶而知秋
    阻止点击回车提交表单简单方法分享:有时候在填写表单的时候，一不小心点击回车就会发生表单提交动作，这往往不是我们想要的结果，所以有时候要阻止点击回车提交表单这个动作，当然方法有很多，下面就分享一个比较简单的方式。先看一段会出现点击回车提交表单的代码: 蚂蚁部落                   在以上代码中，在文本框输入文本，并且焦点还表单之中的时候，点击回车会出现表单提交效果，代码修改如
  • javascript回车提交表单 wuzhe128520
    javascript回车提交表单 window.onload=function(){ varenter=document.getElementById("enter"); enter.onkeyup=function(e){ vare=e||window.event; varkeycode=e.keyCode||e.which||e.charCode; if(keycode==1
  • JavaScript阻止回车提交表单的方法 程序员小菜
    大家对回车键的功能应该比较熟悉，比如在windows系统的很多应用程序中，只要点击回车键就可以进入此程序或者开启某项功能，不过有时候我们希望阻止它的功能，例如在填写表单的时候，可能不小心点击回车键造成表单误提交，下面就来简单介绍一下如何实现此功能。代码实例如下:如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)returnf
  • 如何实现点击回车提交表单 softwhy
    如何实现点击回车提交表单:在默认情况下，点击回车是不能够提交表单的，有时候感觉可能点击回车能够提交表单更为方便，下面就通过一段实例简单介绍一下如何实现此效果，希望对需要的朋友有所帮助，代码如下: 点击回车提交表单-蚂蚁部落 ul{ list-style:none; } $(document).ready(function(){ $("#theform")
  • 表单防止自动提交及onSubmit解析 lwj_199011 form表单actiononsubmit
    form自动提交是指按回车键后，自动提交表单，为防止自动提交表单，可以在标签中添加事件属性onSubmit="returnfalse",这样回车提交表单就不会起作用了。现在对自动提交表单的情形作一下测试：1.username:这种情况会自动提交表单，但是加上onSubmit="returnfalse"之后，就不会了。这是最典型的情况2.表单中有多个文本框username:password:这样的情
  • 输完密码回车提交表单 横着走的螃蟹
    function do_submit(){       if(event.keyCode ==13)       {          $("#login_btn").click();           event.returnValue = false;//取消事件的默认行为       } }
  • 表单文本框回车提交表单阻止方法 回车提交表单
    <!doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><form action="http://www.sibu
  • Javascript 利用mousetrap.js进行键盘事件操作 JavaScript
    我们日常开发中，会遇到js的键盘操作，例如回车提交表单之类的。或者按下某个键执行某个方法。无意中发现一个大小不到4K的js文件，它非常方便的操作键盘事件。 自己也尝试了一下：具体代码如下： 详情可以去其逛网查看其API并下载，地址：http://craig.is/killing/mice <!DOCTYPE html PUBLIC "-//W3C//DTD XHT
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他