禁止form表单回车键进行提交

使用EasyUI的时候,我们会给一个datagrid添加一个搜索栏,但是这个搜索栏的form,我们一般使用ajax向服务器提交数据,因此在这样一个环境下可以考虑禁止用户按回车键(Enter)提交。代码如下:

<form id="councilTypeSearchForm" style="padding:8px;" onkeydown="if(event.keyCode==13){return false;}">

名单名称:<input type="text" id="councilTypeName" name="typeName" style="width:90px;">

<a href="#" onclick="submitSearchCouncilType();" class="easyui-linkbutton">查询</a>

<a href="#" onclick="clearCouncilTypeSearchForm();" class="easyui-linkbutton">清空</a> 

</form>

这里顺便附上查询按钮的提交的函数:

function submitSearchCouncilType () {

    $("#councilTypeList").datagrid("load", {//这里是使用了ajax方式提交,所以要禁止用户手动Enter键提交搜索表单

        name:$("#councilTypeName").val()

    });

}

 

你可能感兴趣的:(form)