取消回车表单自动提交

做分页查询,页面跳转的问题.

由于要传递的参数不仅仅是需要跳转的页码,还有一些偏移量等数据,所以不能通过回车直接提交,

而是通过一个方法,在该方法中设置相应的数据,再提交表单.

所以需要屏蔽掉表单回车提交的功能.

代码:

　　   //阻止表单中的输入框回车提交功能
       $("input:text").keypress(function(event){
           if(event.keyCode == 13){
                //alert("尝试取消自动提交")
               return false;
           }
       });

　　   //监测跳转的页码输入框,敲击回车时调用跳转页码的方法.
       $("#pagerCurpageText").keydown(function(evt) {
           evt = (evt) ? evt : window.event;
           if (evt && evt.keyCode==13) {

　　　　　　//如果敲击的是回车,则调用方法.
               setPagerCurpage();
           }
       });

   });
   //跳转页码
   function setPagerCurpage(){
       var pagerSize = $("#pagerSize").val();//提交的数据:每页显示的条数
       var pagerCurpageText = $("#pagerCurpageText").val();//当前页码(输入的)
       $("#pagerOffset").val((parseInt(pagerCurpageText)-1)*parseInt(pagerSize));//计算设置查询时的偏移量
       $(".swpsparams").each(function(i,n){
           $("#pager__form").append(this.outerHTML);
       });
       pager_form.submit();//提交表单
   };
</script>

转载于:https://www.cnblogs.com/clovem/p/5363011.html

取消回车表单自动提交相关推荐

Html 中表单提交的一些知识总结——防止表单自动提交，以及submit和button提交表单的区别...
转自:http://jackaudrey.blog.163.com/blog/static/1314217882010590041833/ 在页面中有多个input type="text&q ...
php 表单提交及验证 tp,ThinkPHP表单自动提交验证实例教程
ThinkPHP表单自动提交验证实例教程附加规则配合验证规则使用,包括: function 使用函数验证,前面定义的验证规则是一个函数名 callback 使用方法验证,前面定义的验证规则是一个当 ...
Validation阻止表单自动提交，使用Ajax提交表单（使用Validation的submitHandler方法）
在使用Validation时,我们有时候不希望验证成功后直接跳转页面(比如判断登录密码用户名正确与否),而希望自己使用Ajax提交,并且验证回调的结果. $('.login-form').valida ...
Form表单自动提交
表单提交是提交到指定的地址. 知识点: 1.创建一个项目,引入需要用到的CSS.JS.jQuery文件.既然是表单就会使用栅格布局. 2.栅格布局就要使用到contain ...
[html] 回车表单自动跳转如何禁止
简述 html中,表单敲回车会自动提交,将自动提交解决掉之后,又会自动跳转刷新. 变成 192.168.1.111:/xxxx?yyy=zzz 这种格式解决方法加上onsubmit="r ...
html表单自动提交表单提交表单数据类型,表单
表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域:包含了文本框.密码框.隐藏域.多行文本框. ...
ajax form表单提交_开发日志：金数据表单自动提交脚本
最近学校要求我们每天通过一个在线表单打卡自己在家做的体育课项目,在提交的时候我突然想了下如果能有一个自动的系统每天帮我自动打卡岂不是能省很多时间?而且我一直很想学Python的网络爬虫以及服务器后端的 ...
jquery : 动态构建表单自动提交请求
前言有时候,只放置一个button.为了保持html结构简洁,不想套 form 表单时.可以采用下面这种方式,使用 jqurey 动态生成 form 表单后, 自动提交请求,并删除form. 代码 ...
vue中阻止表单自动提交
有时候我们在用vue项目时,肯定会遇到这样的问题,业务中需要用到form,但是点击提交按钮会触发form的默认提交,如果用在form上绑定return false,需要单独写验证函数和接收到数据后对数 ...

取消回车表单自动提交

取消回车表单自动提交相关推荐

最新文章

热门文章