首页 > 代码库 > jquery表单验证validate
jquery表单验证validate
在做表单验证时,如果表单信息比较多,导致提交按钮和错误信息没在已屏显示,就会导致无法提交,又没有友好提示的问题。
理想的解决办法就是在验证发生错误时,自动定位到错误提示的地方,方便用户查看和修改。
$("#Send").click(function (e) { // 这行是 Opera 的补丁, 少了它 Opera 是直接用跳的而且画面闪烁 $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $(‘html‘) : $(‘body‘)) : $(‘html,body‘); //表单提交出现错误定位到具体出错位置 方便用户进行修改 if (!$(‘form).valid()) { var targetId = ""; $($(‘form).validate().errorList).each(function (index, item) { if (targetId == "") { targetId = $($(item).attr(‘element‘)).attr(‘id‘); } }); $body.animate({ scrollTop: $(‘#‘ + targetId).offset().top - 30 }, 500); return; } });
跳转到出错的第一个位置
jquery表单验证validate
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。