首页 > 其他分享 >jq-表单事件(表单回车事件-只有一个input时回车事件会刷新页面)

jq-表单事件(表单回车事件-只有一个input时回车事件会刷新页面)

时间:2023-02-14 11:46:39浏览次数:40  
标签:form jq 表单 事件 input 回车

当form表单只有一个input框时,按下回车键,会自动提交表单

解决办法:

法1.去掉<form>表单标签

法2.不要让表单中只有一个文本框(增加一个隐藏的文本框就行)

           <input type="text" id="" name="" style="display: none;"/>  不能使用 <input type="hidden" id="" name="" /> 

法3.在表单后面加上一个onsubmit事件,返回false.阻止form提交.

           <form οnsubmit="return false"></form>

 

标签:form,jq,表单,事件,input,回车
From: https://www.cnblogs.com/LindaBlog/p/17119068.html

相关文章

  • JMeter java模拟多用户高并发请求测试(json,form表单)
     1.情景展示在实际开发过程中,需要进行测试的时候,往往需要进行压力测试,或者高并发情况下,同时对一张表数据进行修改、读取操作,程序会不会出现多个用户取出的数据一致,或者......
  • 【elementUi】组件el-scrollbar监控滚动事件
    ElementUi的el-scrollbar组件<el-scrollbarstyle="height:50vh"ref="scrollbar"></el-scrollbar>  写个事件来监听该组件的滚动事件handleScroll(){......
  • 【Azure 事件中心】通过 az rest --method get 如何获得Event Hub Entity 级的统计指
    问题描述通过azrest--methodget 如何获得EventHubEntity级的统计指标? 问题解答查阅文档  ​​https://learn.microsoft.com/en-us/rest/api/monitor/metrics/li......
  • 【Azure 事件中心】通过 az rest --method get 如何获得Event Hub Entity 级的统计指
    问题描述通过azrest--methodget 如何获得EventHubEntity级的统计指标? 问题解答查阅文档  https://learn.microsoft.com/en-us/rest/api/monitor/metrics/l......
  • 任务队列与事件循环
    任务队列与事件循环JS是单线程,为了防止线程的阻塞,在代码执行时分为同步任务和异步任务。所有同步任务在主线程上执行,推入栈中执行,当执行栈为空时就回去去事件队列中执行异......
  • 前端面试题:如何实现事件总线 Event Bus
    前端面试题:如何实现事件总线EventBus介绍通常作为多个模块间的通信机制,相当于一个事件管理中心,一个模块发送消息,其它模块接受消息,就达到了通信的作用。原理本质上是......
  • Layer中使用事件
    前端一直以来都没怎么研究过,正好手头有个项目需要自己独立完成。项目使用的前端框架是LayUI,之前听过,不过一直都没有接触。最近遇到的一个问题是,弹出Layer,有个功能需要在这......
  • 办公效率迟迟提不上来?可试试开源表单
    大家都知道,在以往的办公环境中,传统表单的使用率也挺高的,但是存在着效率慢,协作不灵活等各种问题。在办公自动化发展越来越快的今天,开源表单的市场价值逐渐凸显出来,作为助力......
  • jquery.validate清除表单的验证结果
    文章目录​​发现bug:​​​​分析bug:​​​​解决bug:​​发现bug:jquery.validate无法清除同表单的上次验证结果,如下:分析bug:查阅官方文档之后,观察validate的返回类型,可以发......
  • 异步提交表单以及代码实现
    异步提交表单在此使用异步提交表单是为了获取服务器响应的数据,因为我们前台使用的是html作为视图层,不能够直接从servlet相关的域对象获取值,只能通过ajax获取响应数据regi......