Compléter automatiquement le champ TTC en fonction de la valeur sasisie dans le champ HT.
Faire un contrôle pour voir si le type de chap est bien un entier.
En cas d'erreur afficher le champ sur fond rouge avec du texte en blanc.
HTML
<form name="monformulaire" action="" method="post">
<label for="idHT">HT</label>
<input type="text" name="HT" id="idHT" onBlur="Calcul(); TestNombre()">
<br><br>
<label for="idTTC">TTC</label>
<input type="text" name="TTC" id="idTTC" readonly>
<br><br>
<input type="submit" name="valider" value="Envoyer">
</form>
Javascript
<script>
function TestNombre() {
// Test si PrixHT est un entier, la fonction isNaN revoie false si c'est un entier
var TestType=isNaN(PrixHT);
if(TestType==true) { // Si le test renvoie true, c'est que ce n''est pas un entier
alert ('Vous ne pouvez pas faire de calcul avec du texte!, veuillez saisir un nombre');
document.getElementById('idHT').style.backgroundColor="red";
document.getElementById('idHT').style.color="#EEE";
}
}
function Calcul() {
// Récupérer la valeur du prix HT
PrixHT = document.getElementById('idHT').value;
// On clacul le prix TTC, on stocke le résultat dans la variable TTC
var PrixTTC = PrixHT*1.2;
// On affecte la valeur de la variable TTC à la valeur du champ idTTC
document.getElementById('idTTC').value= PrixTTC;
}
</script>