js 回车提交与防止自动提交(示例)

发布时间:2020-08-17编辑:脚本学堂
使用js脚本实现回车提交,做到防止自动提交,分享一例代码,有需要的朋友参考下。

用js实现回车提交。

1,页面内容:
 

复制代码 代码示例:
<input id="uxKeywords" name="search" class="search J_Search_WM" type="text" placeholder="请输入XXXX"
   onkeypress="enterPress(event);" />
input type="button" class="a-btn search-blue-btn" onclick="searchvalidate();" value="搜索" />
 

直接敲击回车键就能提交。
因为在webform里面有form,如果把搜索按钮改成submit,敲击回车后会自动提交。
因此,先把按钮改成button类型。
 
js回车提交代码:
 

复制代码 代码示例:
<script type="text/javascript">
    //绑定onkeypress事件,为回车键提供初始化事件
    function enterPress(e) {
        if (e.keyCode == 13) {
            searchvalidate();
            event.returnValue = false;//阻止自动提交
        }
    }
    function searchvalidate() {
        var kw = $("#uxKeywords").val();
        if (kw.replace(/s+/g, "") == "") {
            alert("请输入关键词");
        }
        else {
            openSearchUrl(kw);
        }
    }
    function openSearchUrl(keyword) {
        var url = $("#hdSearchLink").val().replace("p_kw", encodeURIComponent(keyword));
        window.open(url, "", "", "");
    }
</script>