输入有效时为什么表单不会消失？（jquery validation plugin）

Question

我在表单上显示错误，但即使表单有效（我的表单带有背景和边框） - 它也不会消失。

这是截图：

这是我的js：

 $(".login").validate({
    rules: {

        "user[email]":{
            email: true,
            required: true
        },
         'user[password]': {
            required: true,
            minlength: 6,
            remote: {
            url: "http://127.0.0.1:3000/checkpass",
            //url: "http://91.228.126.168:3000/checkpass",
            type: "get",
            data: {
              email: function() { return $("#user_email").val(); }
            }
          }
        }
    },
    messages: {
    "user[password]": {
    remote: "You entered wrong credentials"}
    },
     errorContainer: "#messageBox1",
     errorLabelContainer: "#messageBox1 ul",
     wrapper: "li"

})

CSS：

  #messageBox1{
display: none;
 }

   #messageBox1{
width: 280px;
padding: 20px 0 20px 20px;
border-radius: 5px;
background: rgb(252, 248, 227) ;
border: solid 1px rgb(192, 152, 83);
margin-bottom: 10px;
 }

我该如何解决这个问题？

Answer 1

我不确定您使用的验证插件是什么，但它似乎控制了您的标记（如果我错了，请纠正我）。

如果您愿意使用其他验证插件（标记结构独立），请尝试jQuery Validator

观看演示＆amp;有关操作方法的文档。 README包含参数info。

[免责声明：我开发了这个插件供内部使用，但我们今天刚刚开源]

以下是我使用此插件处理您的案例的方法：

if($("#yourForm INPUT").Validate()){
   $("#messageBos1").hide();
} else {
   $("#messageBos1").show();
}

当然，您应该根据您的需要进行修改，再次查看文档和演示。