Contrôle champ formulaire

**totot** · 23/10/2016, 15h33

bonjour,

je développer un formulaire avec boostrap et je souhaiterai lorsque j'envoie mon formulaire et que mon champ est pas rempli, qu'il soit en rouge avec le message d'erreur associé en dessous

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
                                <div class="col-md-9">
                                    <form role="form" method="POST">
                                    	<div class="form-group">
                                    		<label for="prenom" class="control-label">Pr&eacute;nom</label>
                                    		<input type="prenom" class="form-control" id="prenom" data-error="Le pr&eacute;nom est obligatoire !" required="required">
                                    		<div class="help-block with-errors"></div>
                                    	</div>
 
                                    	<div class="form-group">
                                    		<button type="submit" class="btn btn-primary">Cr&eacute;er</button>
                                    		<button type="reset" class="btn btn-default">Annuler</button>
                                    	</div>
                                    </form>
                                </div>

Et voilà ce que j'obtient quand je clique sur le bouton créer

Je souhaiterais enlever le message veuillez renseigner ce champ mais je l'indique null part dans le code

**mathieu** · 23/10/2016, 21h20

c'est la navigateur qui génère cet affichage.
si vous ne le voulez pas, retirez l'attribut "required" du champ

**totot** · 23/10/2016, 21h30

si j'enlève le required, sa me bloque pas mon formulaire et je peut du coup envoyer des valeur vide. Je voudrais que sa le bloque dès que je clique sur le bouton en javascript / jquery