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。

效果  

时间: 2024-08-21 09:20:05

asp.net 结合本地jQuery使在提交时显示错误提示的相关文章

jquery的ajax提交时loading提示的处理方法

方法1:使用ajaxStart方法定义一个全局的“加载中...”提示 $(function(){     $("#loading").ajaxStart(function(){         $(this).html("<img src='/jqueryStu/images/loading.gif' />");       });       $("#loading").ajaxSuccess(function(){        

jQuery异步提交时显示正在加载的提示

$(element).ajaxStart(function() { loader.show(); }).ajaxStop(function() { loader.hide(); }).ajaxError(function(a, b, e) { throw e; }); loader是一个gif的加载图片或文字说明等.

idea使用svn提交时出现错误Warning not all local changes may be shown due to an error

参考于https://www.cnblogs.com/zhujiabin/p/6708012.html 解决方案: 1.File > Settings > Version Control > Subversion 取消选中 "use command line client" > ok. 2.重启idea,重复第一步,然后选中 "use command line client" 3.重启搞定. 造成原因:提交时有冲突,合并了冲突之后,再提交发现

jquery UI autocomplete 获取焦点时显示列表

function dynamicAutocomplete(){ $("#search").autocomplete({ minLength: 0, source: data, focus :function () { return false; }, select: function(event, ui){ $this = $(this); setTimeout(function () { $this.blur(); }, 1); } }).focus(function(){ $(th

JQuery Validate验证显示错误提示位置

验证多个Name值相同的元素: $(".send").click(function () { var a = 0; var b = 0; var c = 0; var d = 0; //重置name值 $("input[name^='ContactName']").each( function () { $(this).attr('name', 'ContactName[' + a + ']'); a++; }) $("input[name^='Conta

oj提交时常见错误归纳

Presentation Error: 常见的PE错误应该有以下的几种情况: 每行输出之后有空行 每两行输出之间有空行 一行中,每个输出数字(或字符串,等)之间有空格 一行中,每个输出数字(或字符串,等)之后有空格 未完待续... 原文地址:https://www.cnblogs.com/X-Do-Better/p/8596600.html

ASP.NET MVC 5 Jquery Validate

ClientValidationEnabled 在asp.net mvc 5中ClientValidationEnabled默认为TRUE,所以也不需要刻意去设置 应用ValidationAttribute 这里使用内置的RequiredAttribute来演示 public class Book { [Required(ErrorMessage = "BookID Is Required")] public string BookID { get; set; } public str

一步使你的asp.net网站在手机浏览器上全屏显示

一步使你的asp.net网站在手机浏览器上全屏显示 1.问题 公司的asp.net网页在手机浏览器上初始化时显示的是缩放的页面,用户必须手动放大才能看清页面的字体,这样体验不好 2.解决 前段时间学习JQuery mobile 看到所有的demo页面都能全屏显示在手机上,页面上面都有这样一段代码: ? 1 <meta name="viewport" content="width=device-width, initial-scale=1"> 参数说明:

ASP.NET MVC Unobtrusive JavaScript 实现 onfocusout 验证, onfocusin 清除错误(转)

在 ASP.NET MVC 中启用 Unobtrusive JavaScript 功能,可以在运行时由服务器端根据Model中设置的验证规则,自动生成客户端验证js代码(结合jquery.validate).这很好地解决了表单验证时一次代码,两次验证(客户端+服务器端)的问题. 使用它很简单,主要操作步骤如下: 1. 在web.config增加如下设置: <appSettings> <add key="ClientValidationEnabled" value=&q