取消回车表单自动提交

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

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

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

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

代码:

<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>

原文地址:https://www.cnblogs.com/clovem/p/5363011.html