jQuery Validate 提示信息 和错误信息 在同一位置

$("#RegeditAction").validate({
    focusCleanup:true,
    errorClass: "g-ipt-err",
    validClass: "g-ipt-active",
    unhighlight: function( element, errorClass, validClass ) {
            $(element).parents("tr").next().find(".tips").show();
            $(element).removeClass(errorClass).addClass(validClass);
    },
    highlight: function( element, errorClass, validClass ) {
            $(element).addClass(errorClass).removeClass(validClass);
            $(element).parents("tr").next().find(".tips").hide();
            $(element).parents("tr").next().find(".tipsOK").hide();
        },
     errorPlacement: function (error, element) {
            var errorDom = $(element).parents("tr").next().find("td:eq(1)")
            error.appendTo(errorDom);
     },
    rules: {
        Name: "required",
        Password: {
            required: true,
            minlength: 6,
            maxlength:20,
        },
        ConfromPassword: {
            required: true,
            minlength: 6,
            maxlength:20,
            equalTo: "#Password"
        },
        NickName: {
            required: true,
            minlength: 6,
            maxlength: 10
        },
        Email:{required: true,email: true},
        Phone:{required: true},
        IsAgree:{required: true}
    },
    messages: {
      
    }
});

可能会牵扯到这样的业务,,  今天,稍微纠结了一下,不过觉得值得保留,

来吧,看看效果,之前和之后的..

之前

 

之后

 

 

输入正确的信息, 还没有尝试,相信,也不是难题,可以留言