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>

  • 相关阅读:
    socket套接字 struct模块
    网络编程 OSI七层协议
    内置方法 eval | exec 元类 单例
    选课系统
    iOS清理缓存 2016-04-19
    iOS 蓝牙 技术
    iOS人脸识别
    iOS 指纹识别
    极光推送的初步配置及其使用
    iOS 加急审核
  • 原文地址:https://www.cnblogs.com/clovem/p/5363011.html
Copyright © 2011-2022 走看看