Problème de formulaire javascript
coco77777
Messages postés
70
Date d'inscription
Statut
Membre
Dernière intervention
-
coco77777 Messages postés 70 Date d'inscription Statut Membre Dernière intervention -
coco77777 Messages postés 70 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai la calcule de mensualité à faire en JavaScript et j'y arrive pas :( Je suis débutante et je galère beaucoup. Si quelqu'un pourra m'aider je serais très reconnaissantes.
Voici mes codes en html:
<!doctype html>
<html>
<head>
<title>Simulation de Crédit</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<header>
<h1>Calculez la mensualité de votre crédit:</h1>
<form method="get" name="calculMensualite" action="#" onsubmit="return valider()">
</header>
<fieldset id="fs1">
<legend>Informations générales</legend>
<p><label for="nom">Nom:</label><input type="text" name="nom" id="nom" placeholder="Votre nom"/></p>
<p><label for="email">Adresse email:</label><input type="email" name="email" id="email" placeholder="toto@gmail.com"/></p>
<p><label for="tel">Téléphone:</label><input type="tel" name="tel" id="tel"/></p>
<p><label for="date">Date de naissance:</label><input type="date" name="date" id="date"/></p>
<p><label for"interdiction">Civilité</label>
<input type="radio" name="civilite" value="homme"> Homme </input> <input type="radio" name="civilite" value="femme"/> Femme </input> </p>
</fieldset>
<fieldset id="fs2">
<legend>Calculer mensualité de crédit</legend>
<p><label for="credit"> Montant:</label>
<input type="text" name="credit" id="credit"/> € </p>
<p> <label for="duree">Durée de crédit:</label>
<input type="text" name="duree" id="duree"/> mois </p>
<p> <label for="taux">Taux Effectif Global:</label>
<input type="taux" name="taux" id="taux"/> % </p>
<div id="resultat1">
<p><input type="button" value="Calculer" onClick="return calcul1(this)"/> </p>
<p><label for="resultat"> Resultat:</label>
<input type="text" name="resultat" id="resultat"/> mois </p>
</div>
</fieldset>
<fieldset id="3">
<input type="submit" name="envoyer" value="envoyer"/>
</fieldset>
</form>
</body>
Voici mon JS:
<script type="text/javascript">
function valider(){
if(document.calculMensualite.nom.value == "") {
nom.setCustomValidity("Veuillez entrer votre nom!");
document.calculMensualite.nom.focus();
return false;
}
if(document.calculMensualite.credit.value == "") {
alert("Saisissez le montant");
return false;
}
tel=document.calculMensualite.tel.value;
reg = new RegExp("^[0-9]{10,14}$");
if(!reg.test(tel))
{
alert("Veuillez entrer un numéro de téléphone valide");
return false;
}
if(!(document.calculMensualite.date.value.estDateValide())){
alert("Veuillez entrer une date valide");
return false;
}
if(document.calculMensualite.email.value == "") {
alert("Saisissez votre adresse mail");
return false;
}
email=document.calculMensualite.email.value;
reg = new RegExp("^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$");
if(!reg.test(email))
{
email.setCustomValidity("Veuillez entrer un valide!");
return false;
}
function calcul1()
{
var capital = document.calculMensualite.capital.value;
var duree = document.calculMensualite.duree.value;
var taux = document.calculMensualite.taux.value;
// Calcul emensualite
i = taux / 1200.0;
m = capital*i*Math.pow(1+i,duree)/(Math.pow(1+i,duree)-1);
// Affichage résultat
document.calculMensualite.resultat.value = Math.round(m*100.0) / 100.0;
return;
}
</script>
</html>
Merci d'avance
J'ai la calcule de mensualité à faire en JavaScript et j'y arrive pas :( Je suis débutante et je galère beaucoup. Si quelqu'un pourra m'aider je serais très reconnaissantes.
Voici mes codes en html:
<!doctype html>
<html>
<head>
<title>Simulation de Crédit</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<header>
<h1>Calculez la mensualité de votre crédit:</h1>
<form method="get" name="calculMensualite" action="#" onsubmit="return valider()">
</header>
<fieldset id="fs1">
<legend>Informations générales</legend>
<p><label for="nom">Nom:</label><input type="text" name="nom" id="nom" placeholder="Votre nom"/></p>
<p><label for="email">Adresse email:</label><input type="email" name="email" id="email" placeholder="toto@gmail.com"/></p>
<p><label for="tel">Téléphone:</label><input type="tel" name="tel" id="tel"/></p>
<p><label for="date">Date de naissance:</label><input type="date" name="date" id="date"/></p>
<p><label for"interdiction">Civilité</label>
<input type="radio" name="civilite" value="homme"> Homme </input> <input type="radio" name="civilite" value="femme"/> Femme </input> </p>
</fieldset>
<fieldset id="fs2">
<legend>Calculer mensualité de crédit</legend>
<p><label for="credit"> Montant:</label>
<input type="text" name="credit" id="credit"/> € </p>
<p> <label for="duree">Durée de crédit:</label>
<input type="text" name="duree" id="duree"/> mois </p>
<p> <label for="taux">Taux Effectif Global:</label>
<input type="taux" name="taux" id="taux"/> % </p>
<div id="resultat1">
<p><input type="button" value="Calculer" onClick="return calcul1(this)"/> </p>
<p><label for="resultat"> Resultat:</label>
<input type="text" name="resultat" id="resultat"/> mois </p>
</div>
</fieldset>
<fieldset id="3">
<input type="submit" name="envoyer" value="envoyer"/>
</fieldset>
</form>
</body>
Voici mon JS:
<script type="text/javascript">
function valider(){
if(document.calculMensualite.nom.value == "") {
nom.setCustomValidity("Veuillez entrer votre nom!");
document.calculMensualite.nom.focus();
return false;
}
if(document.calculMensualite.credit.value == "") {
alert("Saisissez le montant");
return false;
}
tel=document.calculMensualite.tel.value;
reg = new RegExp("^[0-9]{10,14}$");
if(!reg.test(tel))
{
alert("Veuillez entrer un numéro de téléphone valide");
return false;
}
if(!(document.calculMensualite.date.value.estDateValide())){
alert("Veuillez entrer une date valide");
return false;
}
if(document.calculMensualite.email.value == "") {
alert("Saisissez votre adresse mail");
return false;
}
email=document.calculMensualite.email.value;
reg = new RegExp("^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$");
if(!reg.test(email))
{
email.setCustomValidity("Veuillez entrer un valide!");
return false;
}
function calcul1()
{
var capital = document.calculMensualite.capital.value;
var duree = document.calculMensualite.duree.value;
var taux = document.calculMensualite.taux.value;
// Calcul emensualite
i = taux / 1200.0;
m = capital*i*Math.pow(1+i,duree)/(Math.pow(1+i,duree)-1);
// Affichage résultat
document.calculMensualite.resultat.value = Math.round(m*100.0) / 100.0;
return;
}
</script>
</html>
Merci d'avance
A voir également:
- Problème de formulaire javascript
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Telecharger javascript - Télécharger - Langages
- Confirmer le nouvel envoi du formulaire err_cache_miss ✓ - Forum Access
