zoukankan      html  css  js  c++  java
  • 取消回车表单自动提交

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

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

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

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

    代码:

    <script type="text/javascript">
        $(function() {

         //阻止表单中的输入框回车提交功能
            $("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>

  • 相关阅读:
    Linux三剑客grep、awk和sed
    Appium元素定位(二):UiAutomator定位
    Appium元素定位(一)
    App控件定位
    Appium 介绍及环境安装
    android Mvp简单实用
    EventBus通信
    Activity关闭另一个Acitivity
    Android输入法 监听事件
    图片形状圆角
  • 原文地址:https://www.cnblogs.com/clovem/p/5363011.html
Copyright © 2011-2022 走看看