禁止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() }); }
本文出自 无忧之路 - 博客园
分类:
JavaScript
, EasyUI
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架