遍历input文本框
最近写的一个项目中,页面中有很多的“text文本框”和“select下拉框”
校验input框和select框是否非空,如果为空给出提示。反之,隐藏提示内容。
html 页面中的input类型有type="text" type="button" +后台需要的传id的 type="hidden"
js代码如下:
function validateForm() { var result = true; var count = 0; //input验证 这里验证type!='hidden' 的原因是 后台需要将id传到该页面中,有id才能将数据库中的数据加载到页面中。 var $input = $("input[type!='button'][type!='hidden']");//这里遍历input不为button和hidden的以外的其他input内容 $.each($input, function (i, item) { var val = $(item).val(); if (val == "" || val == null || val == undefined) { $(item).siblings(".hint").css("visibility", "visible"); count++; } else { $(item).siblings(".hint").css("visibility", "hidden"); } }); //select验证 var $select = $("select"); $.each($select, function (i, item) { var val = $(item).children("option:selected").val(); if (val == "" || val == null || val == undefined) { $(item).siblings(".hint").css("visibility", "visible"); count++; } else { $(item).siblings(".hint").css("visibility", "hidden"); } }); //textarea验证 var $textarea = $("textarea"); $.each($textarea, function (i, item) { var val = $(item).val(); if (val == "") { $(item).siblings(".hint").css("visibility", "visible"); count++; } else { $(item).siblings(".hint").css("visibility", "hidden"); } }); if (count > 0) result = false; return result; } /*提交表单验证结束*/
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次 .NET某云HIS系统 CPU爆高分析
· 如果单表数据量大,只能考虑分库分表吗?
· 一文彻底搞懂 MCP:AI 大模型的标准化工具箱
· 电商平台中订单未支付过期如何实现自动关单?
· 用 .NET NativeAOT 构建完全 distroless 的静态链接应用
· 如果单表数据量大,只能考虑分库分表吗?
· 一款让 Everything 更加如虎添翼的 .NET 开源辅助工具!
· (原创)[开源][.Net Framework 4.5] SimpleMVVM(极简MVVM框架)更
· 冲压车间软件实施
· 干货分享!MCP 实现原理,小白也能看懂