Entfernen Sie die Jquery-Validierungsfehlermeldung nach dem Wert

Question

Ich habe ein Problem mit dem Bootstrap-Plugin und der jQuery-Validierung. Wenn ich Wert wähle, Fehlermeldung This field is required nicht entfernen Während normale Validierung (ohne Bootstrap Plugin auswählen) nach Auswahl Wert Fehlermeldung automatisch entfernen. Wie behebe ich dieses Problem?

JSFIDDLE

HTML:

<form id="myform"> <----With Select Plugin 
    <select name="year" class="selectpicker"> 
     <option value="">Year</option> 
     <option value="1">1955</option> 
     <option value="2">1956</option> 
    </select> 
    <br/> 
    <input type="submit" /> 
</form> 
<form id="myform1"> <----Without Select Plugin 
    <select name="fruit"> 
     <option value="">Year</option> 
     <option value="1">1955</option> 
     <option value="2">1956</option> 
    </select> 
    <br/> 
    <input type="submit" /> 
</form> 

JS:

$(document).ready(function() { 
    $('.selectpicker').selectpicker(); 


    $('#myform').validate({ // initialize the plugin 
     ignore: [], 
     rules: { 
      year: { 
       required: true 
      } 
     }, 
     errorPlacement: function(error, element) { 
      if (element.attr("name") == "year") { 
       error.insertAfter(".bootstrap-select"); 
      } else { 
       error.insertAfter(element); 
      } 
     }, 
     submitHandler: function (form) { // for demo 
      alert('valid form submitted'); // for demo 
      return false; // for demo 
     } 
    }); 
}); 
// just for the demos, avoids form submit 
jQuery.validator.setDefaults({ 
debug: true, 
success: "valid" 
}); 
$("#myform1").validate({ 
rules: { 
fruit: { 
required: true 
} 
} 
}); 

Answer 1

Sie müssen die Gültigkeit auf Änderung

$('.selectpicker').selectpicker().change(function(){ 
    $(this).valid() 
}); 

Demo überprüfen: Fiddle

Answer 2

Versuchen Sie, diese

$('select').change(function(){ 
    if ($(this).val()!="") 
    { 
     $(this).valid(); 
    } 
}); 

Hier ist die Fiddle