Почему форма не исчезает, когда ввод действителен? (Плагин проверки jquery)

Question

Я показываю ошибки в форме, но даже когда форма действительна (моя форма с фоном и границей) - она ​​не исчезает.

Вот скриншот:

Вот мои ЯШ:

$(".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

См демос & документацию для как к. README содержит информацию о параметрах.

[Отказ от ответственности: Я разработал этот плагин для использования в доме, но мы сделали это с открытым исходным кодом сегодня]

Вот как я бы обрабатывать ваше дело с этим плагином:

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

Конечно , вы должны изменить в соответствии с вашими потребностями, еще раз, проверить документацию и демонстрации.