asp.net 结合本地jQuery使在提交时显示错误提示

浏览数：36 / 时间：2015年06月09日

　　最近在做一个项目，做的表单有的比较长，如果直接点提交，错误提示有时可能用户看不见，对用户体验不好。还有客户端提交有点慢，担心用户重复提交，于是做了个检测用户提交表单验证是否有错误，没错误就提交，且把按钮提交禁用;有错误时弹窗提示错误，且把焦点移至错误输入控件。

　　　步骤１、页面引入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。

效果  

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 src com log js http .net class style 代码 src com log js http .net

相关文章

随机文章

您可能还喜欢

您可能还喜欢