• 技术文章 >web前端 >js教程

    jquery validate如何提示错误

    coldplay.xixicoldplay.xixi2020-11-18 10:01:46原创46

    jquery validate提示错误的方法:引用【<script src="@Url.Content("~/Scripts/jquery.validate..js")"></script>】,自定义方法扩展到【$.validator】中。

    推荐:《jquery视频教程

    jquery validate提示错误的方法:

    修改jquery.validate提示错误方法,将错误信息用弹出框提示

    <script src="@Url.Content("~/Scripts/jquery.validate.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script>
    $.extend($.validator.defaults, {
                showErrors: function (errorMap, errorList) {
                    var msg = "";
                    $.each(errorList, function (i, v) {
                        msg += (v.message + "\r\n");
                   });
               if (msg != "")
                       alert(msg);
                }
           });

    修改后,发现执行无效果,并不会弹出错误信息,信息依然在文本框的后面显示

    经调试发现,自定义的方法并没有扩展到 $.validator 中,

    而要想重写的方法起作用,必须在引用

    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script>

    之前重写才可以。

    完整代码如下:

    <script src="@Url.Content("~/Scripts/jquery.validate.js")"></script>
       
        <script type="text/javascript">
            $.extend($.validator.defaults, {
                showErrors: function (errorMap, errorList) {
                    var msg = "";
                 $.each(errorList, function (i, v) {
                      msg += (v.message + "\r\n");
                });
                if (msg != "")
                         alert(msg);
              }
           });
       </script>
        <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script>

    相关免费学习推荐:JavaScript(视频)

    以上就是jquery validate如何提示错误的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery validate
    上一篇:jquery有哪些属性选择器 下一篇:jquery的优势是什么
    第14期线上培训班

    相关文章推荐

    • PHP validate 数据验证• 在jQuery中如何使用Validate插件• Jquery Validate验证的介绍以及jQuery表单验证的代码实例• jQuery的validate.js表单验证插件如何使用(代码示例)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网

    】,自定义方法扩展到【$.validator】中。","pubDate": "2020-11-18T10:01:46","upDate": "2020-11-18T10:01:46","data": {"WebPage": {"headline": "jquery validate 提示错误","wapUrl": "https://m.php.cn/article/464006.html","pcUrl": "https://www.php.cn/js-tutorial-464006.html","fromSrc": "php中文网","domain": "电子科技","category": ["问答"],"isDeleted": 0},"Question": [{"acceptedAnswer":"jquery validate提示错误的方法:引用【】,自定义方法扩展到【$.validator】中。"}],"ImageObject": [{"contentUrl": "https://img.php.cn/upload/article/202011/18/2020111809590842875.jpg","scale": "5:2"}],"Author": [{"name": "php中文网","jobTitle": ["php公益学习平台"],"headPortrait": "https://img.php.cn/upload/article/000/000/003/5d1b23156bf94358.png"}]}}