jQuery Validate错误用sweet alert显示 + Boostrap tooltip 表单验证示例

最新推荐文章于 2020-12-24 17:57:22 发布

weixin_33881041

最新推荐文章于 2020-12-24 17:57:22 发布

阅读量163

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/momomo1987/blog/843554

版权

2019独角兽企业重金招聘Python工程师标准>>>

jQuery Validate：http://www.runoob.com/jquery/jquery-plugin-validate.html
sweetalert.js：http://www.htmleaf.com/jQuery/Lightbox-Dialog/20141218888.html

$("#LinkCommentForm").validate({
        rules: {
            fname: "required",
            sitename: {
                required: true,
                minlength: 10
            },
            siteurl: {
                required: true,
                minlength: 2,
                url: true
            },
            SiteEmail: {
                required: true,
                email: true
            }
        },
        messages: {
            rurl: "Please enter your rurl",
            sitename: {
                required: "Please provide a sitename",
                minlength: "Your password must be at least 5 characters long"
            },
            siteurl: {
                required: "Please enter a siteurl",
                minlength: "Your username must consist of at least 2 characters",
            },
            SiteEmail: "Please enter a valid email address"
            
        },
        showErrors: function (errorMap, errorList) {
            
            swal({ title: "Here's a message!", text: errorList[0].message, timer: 2000, showConfirmButton: false });
            $(errorList[0].element).focus();
},
        onfocusout:false,onkeyup:false,
     });

Validate + Boostrap tooltip 表单验证示例
http://www.cnblogs.com/qiufengke/p/4964893.html

转载于:https://my.oschina.net/momomo1987/blog/843554