首页 > 代码库 > asp.net 结合本地jQuery使在提交时显示错误提示
asp.net 结合本地jQuery使在提交时显示错误提示
最近在做一个项目,做的表单有的比较长,如果直接点提交,错误提示有时可能用户看不见,对用户体验不好。还有客户端提交有点慢,担心用户重复提交,于是做了个检测用户提交表单验证是否有错误,没错误就提交,且把按钮提交禁用;有错误时弹窗提示错误,且把焦点移至错误输入控件。
步骤1、页面引入jQuery。
步骤2、查看错误提示中都是用的css类d
步骤3 :引入自定义的js代码:
function SubmitInfo() { var curentControlId; var isSubmit = true; $(".d").each(function () { curentControlId = $(this).attr("controltovalidate"); if ($("#" + curentControlId).val().replace(/\s/, "") == "") { alert($(this).text()); $(this).prev("input").focus(); isSubmit = false; return false; } }); if (isSubmit) { jQuery("#Button1").attr("value", "提交中").attr("enabled", false); }}
步骤4:在提交button中加入客户端提交验证属性 onClintClick。
效果
asp.net 结合本地jQuery使在提交时显示错误提示
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。