Discussion :

[B.M.W83]

Salut tout le monde

j'aimerai faire une division des nombres à condition qu'il ne soit pas avec zéro

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
                          <form class="form-inline" action="division" method="post">
					<div class="form-group">
						<label class="sr-only" for="NumberSeven">NumberSeven</label> <input
							type="number" class="form-control" id="numberSeven"
							name="numberSeven" min="-100" max="100" step="1" value="0">
					</div>
					<div class="form-group">
						<label for="nbr2"><strong> / </strong> </label> <input
							type="number" class="form-control" id="idErreur" min="-100"
							max="100" value="0" name="numbeHeight" step="1"
						 pattern="[^0]*" title="Ce champs ne peux pas ëtre 0" > 
						<c:if test="${ numbeHeight==0}">
							<!--  <span class="glyphicon glyphicon-remove form-control-feedback"></span>-->
							<span style="color: red;" class=" alert alert-danger">* ${alerte }</span>
						</c:if>
					</div>
					<button type="submit" class="btn btn-primary">Submit</button>
				</form>

j'aimerai faire en sorte que lorsque la valeur saisie la case 2 est différente de zéro, une alerte s'affiche

Code :

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

<span style="color: red;" class=" alert alert-danger">* ${alerte }</span>

mais j'aimerai également que le champs devienne rouge que ce soit avec le javascript ou avec bootstrap ....

Et merci beaucoup

[heimlichpal]

Bonjour,

Tu peux utiliser :invalid de css.
Tu trouveras un exemple ici: https://jsfiddle.net/ggxoyk2d/

[B.M.W83]

Dans la propriété de l'input j'ai mis " pattern="[^0]* " " pour qu’il n'accepte pas le nombre Zéro
Et j'ai ajouté la déclaration dans le fichier de CSS

Code :

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

1
2
3
4
5
6
7
 
<style type="text/css">
 
input[pattern]:invalid {
	border: 2px solid red;
}
</style>

Mais ça n'a rien changé la seul affichage le message de la fonction de test de JSTL

Code :

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

1
2
3
4
<c:if test="${ numbeHeight==0}">
							<span style="color: red;" class=" alert alert-danger">*
								${alerte }</span>
						</c:if>

Aidez moi et merci bcp

[B.M.W83]

je ne sais pas comment annuler le nombre 0 dans la zone de texte que je voudrai être rouge si je mes la valeur zéro
comme ça

pattern="(^[0]*)?$" ou pattern="(^[0]*)"

quelle est la valeur juste ?

[heimlichpal]

Si tu mets "^([^0].*)?$" ca devrait marcher.

[B.M.W83]

Heureusement ça va pas marcher aussi

Y-t-il une différence entre la page HTML et JSP car j'ai utilisé le Servlet et le jsp ?