jeesite框架登录页和form页layer验证

最新推荐文章于 2024-06-01 14:41:33 发布

TechCodeAI启航

最新推荐文章于 2024-06-01 14:41:33 发布

阅读量365

点赞数 1

文章标签：前端框架前端

原文链接：https://blog.csdn.net/qq_39218641/article/details/106021237

版权

//登录 引入layer.js  然后页面class就可以直接使用 required必填  number数字等验证了
$(document).ready(function() {
               $("#loginForm").validate({
                   rules: {
                       validateCode: {remote: "${pageContext.request.contextPath}/servlet/validateCodeServlet"}
                   },
                   messages: {
                       username: {required: "请填写用户名."},
                       password: {required: "请填写密码."},
                       validateCode: {required: "请填写验证码.",remote: "验证码不正确." }
                   },
                   
                    onsubmit:true,
                    //重写showErrors
                   showErrors: function (errorMap, errorList) {
                           var msg = "";
                           $.each(errorList, function (i, v) {
                               layer.tips(v.message , v.element,{tips: 4});
                               return false;
                         }); 
                    }, 
                    
                 errorLabelContainer: "#messageBox",
                 errorPlacement: function(error, element) {
                     error.appendTo($("#loginError").parent());
                 }, 
               });
        });

//forn页面   引入layer.js  然后页面class就可以直接使用 required  number等验证了
$(document).ready(function() {
            $("#inputForm").validate({
                submitHandler: function(form){
                    loading('正在提交，请稍等...');
                    form.submit();
                },
                 showErrors: function (errorMap, errorList) {
                        var msg = "";
                        $.each(errorList, function (i, v) {
                            //msg += (v.message + "\r\n");
                            //在此处用了layer的方法,显示效果更美观
                            layer.tips(v.message, v.element, { time: 2000 });
                            return false;
                        });  
                     },
                   /* 失去焦点时不验证 */
                    onfocusout: false
            });
        });