前端:页面中防止文本框按下enter键刷新页面

仔细分析这样的页面一般都满足以下条件:

  1. 包含FORM表单
  2. 只有一个文本框

这样问题就可以解决了,破坏其中任何一个条件即可。

一般的做法是填加一个隐藏的文本框:

<!--  加入此隐藏文本框目的:防止按下enter键页面刷新 -->
<input type="text" style="display: none;">

当然你也可以重写 formsubmit 事件,返回false,来阻止提交。

$("#search_form").submit(function(){
    grid.getDataTable().ajax.reload();
    return false;
});
posted @ 2019-01-11 11:16  xuejianbest  阅读(540)  评论(0编辑  收藏  举报