使用layer提示改变jquery validate的错误提示

最新推荐文章于 2023-10-18 09:51:30 发布

php的绯闻女友

最新推荐文章于 2023-10-18 09:51:30 发布

阅读量316

点赞数

分类专栏：前端文章标签： jquery javascript html5

本文链接：https://blog.csdn.net/Moxi099/article/details/120699179

版权

前端专栏收录该内容

25 篇文章 0 订阅

订阅专栏

//验证表单
    		$("#loginFrom").validate({
                // onfocusin: function(element) {
                //     $(element).valid();
                // },
                onfocusout: function(element) {
                    $(element).valid();
                },
                onclick: function(element) {
                    $(element).valid();
                },
                onkeyup: function(element) {
                    $(element).valid();
                },
                rules:{
                    userName:"required",
                    passWord:"required"
                }
            });

<script>
        (function($) {
            "use strict";
            $.fn.extend($.validator.defaults, {
                //重写showErrors
                showErrors: function(errorMap, errorList) {
                    $.each(errorList, function(i, v) {
                        //在此处用了layer的方法,显示效果更美观
                        if ($(v.element)[0].tagName.indexOf("SELECT") > -1) { // 针对于select2  控件做了调整
                            layer.tips(v.message, $(v.element).next(), {
                                icon: 2,
                                time: 2000,
                                tips: [2, '#0FA6D8']
                            });
                        } else {
                            layer.tips(v.message, v.element, {
                                icon: 2,
                                time: 2000,
                                tips: [2, '#0FA6D8']
                            });
                        }
                        return false;
                    });
                }
            });
        })(jQuery);
    </script>