Il est possible d'utiliser la validation HTML5 sur des champs non obligatoires?

Question

J'ai un problème avec la validation sur un champ non requis. Quand quelqu'un active la validation sur ce champ, il ne peut pas être envoyé au serveur même si le champ est vide. Mon code html ressemble que:

<form> 
    <input pattern=".{6,}" name="field" size="25" type="text" /> 
    <input type="submit" /> 
</form> 

Je également utiliser jQuery pour personnaliser un message de validation:

$(function(){ 
    $("input[name=field]")[0].oninvalid = function() { 
     this.setCustomValidity("Please enter at least 5 characters."); 
     this.setCustomValidity(""); 
    }; 
}); 

Answer 1

Si je vous comprends bien, lorsque vous modifiez à nouveau le champ, alors vous setCustomValidity à vider et non dans le gestionnaire d'événements oninvalid. Essayez cette

$(function(){ 
    $("input[name=field]")[0].oninvalid = function() { 
     this.setCustomValidity("Please enter at least 5 characters."); 


    }; 

$("input[name=field]")[0].onchange = function() { 
     this.setCustomValidity(""); 
    };  

});