2

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

这是屏幕截图：

这是我的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;
 }

我该如何解决这个问题？

4

1 回答 1

0

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

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

有关操作方法，请参阅演示和文档。自述文件包含参数信息。

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

以下是我将如何使用此插件处理您的情况：

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

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

于 2012-10-11T08:39:07.130 回答