Actualiser ma fonction javascript

Version imprimable

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:

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

07/10/2017, 10h04
NoSmoking

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

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 ?

:salut:

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:

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:

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 );