Voici mon code. Ce que je veux faire est d'ajouter une validation, donc quand l'utilisateur clique sur un champ de saisie, le message de validation "nom requis" apparaît. Cependant à la minute il est juste au-dessous du champ d'entrée et est là tout le temps. MerciEssayer d'ajouter la validation jQuery sans le bouton submit()
$(document).ready(function(){
if($('#firstname').val() == ''){
$('.errorMsg').show();
} else{
$('.errorMsg').hide();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="firstname">First Name</label>
<input type="text" name="firstname" id="firstname" placeholder="First name" maxlength="15" <span class="errorMsg">Name required </span>
</input>
Si cela est une application réelle, je voudrais également déconseillerais 'maxlength' attribut. Les gens ont tendance à avoir des noms plus intéressants que la plupart des webdevelopers peuvent imaginer –
@OliverBaumann Mais si la base de données n'accepte que 15, cela peut causer des problèmes. Mais je suis d'accord que 15 caractères est un mais faible pour un prénom. – Ivar
@Ivar, si une base de données accepte seulement 15 varchars, parlez à la base de données admin ;-) honnêtement, ce n'est pas un argument. Aucune offense signifiée, évidemment! –