Discussion :

[Igoussam]

Bonsoir tout le monde,

j'ai un problème au niveau de ma fonction JavaScript j'ai une table conge(id_conge,date_debut,date_fin,nombre_jour,jour_restant) j'ai crée une fonction qui fait la différence entre jour_restant et nombre_jour mais le problème c'est quand je modifier la valeur de nombre_jour la fonction continu de faire la différence :
exemple
nombre_jour=4
jour_restant=10 résultat:6 je mets le résultat dans jour_restant

après je fait une erreur je veux modifier nombre_jour le problème c'est que je trouve jour_restant a 6 mais moi je veux que la valeur jour_restant soit revenu a la valeur 10.

Code :

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

1
2
3
4
5
6
function difference() {
var d0=document.forms['form1'].elements['jour_restant'].value
var d1=document.forms['form1'].elements['nombre_jour'].value
var dd=d0-d1;
document.forms['form1'].elements['jour_restant'].value=dd;
}// JavaScript Document

Et merci

[NoSmoking]

Bonjour,
je dois admettre que je n'ai pas franchement compris ce que tu as écris /\

Est à dire que si tu fais une erreur de saisie tu souhaites que la valeur de jour_restant soit réinitialisée à 10 par défaut ?

[danielhagnoul]

Il nous manque le code HTML et des précisions sur les contraintes appliquées aux données.

Si "joursRestant" est un input modifiable par l'utilisateur on n'y arrivera pas simplement ou pas du tout.

Exemple avec des "gardes fous", mais le résultat peut-être erroné à un moment ou à un autre suivant les actions de l'utilisateur :

Code HTML :

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

1
2
3
4
5
6
<form id="form1">
	<label>Jours restant : <input type="number" name="joursRestant" value="10" min="0" max="10" step="1"></label>
	<label>Nombre de jours : <input type="number" name="nbJours" value="0" min="0" max="15" step="1"></label>
	<input type="reset">
	<input type="submit">
</form>

Code JavaScript :

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
19
20
21
22
23
24
25
26
27
28
function difference() {
	const
		elemJoursRestant = document.querySelector( "#form1 [name='joursRestant']" ),
		elemNbJours = document.querySelector( "#form1 [name='nbJours']" );
 
	let
		d0 = elemJoursRestant.value,
		d1 = elemNbJours.value,
		dd = d0 - d1;
 
	if ( dd <= 0 ){
		elemJoursRestant.value = "10";
		elemNbJours.value = "0";
		alert( "Le nombre de jours ne peut pas être supérieur au nombre de jours restant" );
	} else {
		elemJoursRestant.value = dd;
		console.log( d0, d1, dd );
	}
}
 
document.querySelector( "#form1" ).addEventListener( "submit", ev => {
	ev.preventDefault();
	ev.stopPropagation();
 
	difference();
 
	// soumission AJAX
}, false );