Удалить сообщение об ошибке после проверки

Question

Я использовал проверку jquery для проверки моей формы. Я показываю одно сообщение об ошибке, и моя проблема в том, что когда пользователь нажимает кнопку отправки, отображается сообщение, но когда все поля заполнены, сообщение об ошибке не исчезает. Я хочу, чтобы сообщение об ошибке исчезло, когда все поля были заполнены правильно. Вот моя форма

<div class="form-group"> 
     <div id="error-bubble" class=" col-xs-10 col-centered" 
    style="display:none;color:red;">Fields Marked Red Are Required</div> 
    </div> 
    <div class="form-group"> 
     <div class="col-xs-10 col-centered"> 
      <form:input type="text" class="form-control" id="inputEmail" placeholder="Your 
    Mob Email" path="emailId" value="${user.emailId}" ></form:input> 
     </div> 
    </div> 
    <div class="form-group"> 

     <div class="col-xs-10 col-centered"> 
      <form:input type="text" class="form-control " id="inputFullName" 
    placeholder="Full Name" path="fullName" name="fullName" value="${user.fullName}"> 
    </form:input> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class=" col-xs-10 col-centered"> 
      <input type="submit" value="Update"/> 
      <input type="reset" value="Cancel" /> 
     </div> 
    </div> 


and my jquery is 



$("#myform").validate({ 
    rules: { 
     contactNo: { 
     required: true, 
     minlength: 8, 
     maxlength:25 
    }, 
    officeContactNo: { 
      required: true, 
      minlength: 8, 
      maxlength:25 
     }, 
    fullName:{ 
      required:true, 
      minlength:1, 
      maxlength:40 
    }, 
    title:{ 
     required:true 
    }, 
    reportTo:{ 
     required:true 
    }, 
    officeLocation:{ 
     required:true 
    } 
     }, 
     errorPlacement: function() { 

      $('#error-bubble').show(); 
     }, 
     submitHandler: function(form) { 
      if ($(form).valid()) { 
       $('#error-bubble').hide(); 
      form.submit();} 
      return false; // prevent normal form posting 
    } 
}); 

Answer 1

Эй Abhinav Я думаю, вы используете плагин проверки JQuery,

попробуйте добавить следующие свойства .validate():

onfocusout: true, 
onkeyup: true, 

вы даже можете использовать функции здесь, в 'OnKeyUp' событие, как:

onkeyup: function(element, event){ 
    if ($(form).valid()) { $('#error-bubble').hide(); 
    form.submit(); 
} 

или

Попробуйте использовать событие нажатия кнопки вместо:

$('#myform input[type="submit"]').click(function() { 
    if ($(form).valid()) { $('#error-bubble').hide(); 
    form.submit(); 
}); 

это проверят валидации снова на событиях клавиатуры, я думаю, вот что вы ищете

Answer 2

Проверь это Fiddle

It also handles copy/paste by validating keypress with keyup 

Попытка ввода любого нечислового символа в примере.
Это поможет вам начать работу.