爲什麼表單在輸入有效時不會丟失？（jQuery驗證插件）

我在表單上顯示錯誤，但即使表單有效（我的表單有背景和邊框） - 它也不會消失。爲什麼表單在輸入有效時不會丟失？（jQuery驗證插件）

下面是截圖：

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

我怎樣才能解決這個問題？

來源

2012-10-10 skrypalyk

您正在使用忘記的網址檢查電子郵件字段。你有沒有試過改變它。 –

@Mishra，該行爲檢查電子郵件是否存在。我刪除了與忘記通行。 – skrypalyk

您可以將完整的代碼與HTML，JS和css放在JSFiddle上，這對我們來說更容易調試。 –

我不確定你使用的是什麼驗證插件，但它好像控制了你的標記（糾正我，如果我錯了）。

如果你是開放的使用另一種驗證插件（這是標記結構獨立的），嘗試jQuery Validator

查看演示&文檔A-如何。自述文件包含參數信息。

[免責聲明：我開發這個插件在內部使用，但我們只是做今天的開源]

這是我會怎麼用這個插件可以處理你的情況：

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

當然，你應該根據你的需要修改，再次檢查文檔和演示。

來源

2012-10-11 08:39:07 Jeff

爲什麼表單在輸入有效時不會丟失？（jQuery驗證插件）

回答

相關問題