JavaScript radio bouton de confirmation

Je suis en train d'ajouter une fonction, ou JavaScript supplémentaire à la fonction existante pour une confirmation. J'ai besoin d'une boîte de confirmation une fois le bouton "soumettre" est cliqué en disant: "Vous avez choisi (soit GCSE, A2 ou CAR), est-ce correct?" Il devrait y avoir un bouton "annuler" pour revenir à la forme ou un OK qui permet le formulaire.

Voici le code, j'ai fait une petite recherche et il a dit d'utiliser une boucle, je suis très nouveau à ce je ne sais donc pas quoi faire.

<head>
<title>Exam entry</title>
<script language="javascript" type="text/javascript">
function validateForm() {
var result = true;
var msg="";
if (document.ExamEntry.name.value=="") {
msg+="You must enter your name \n";
document.ExamEntry.name.focus();
document.getElementById('name').style.color="red";
result = false;
}
if(msg==""){
return result;
}
{
alert(msg)
return result;
}
}
</script>
</head>
<body>
<h1>Exam Entry Form</h1>
<form name="ExamEntry" method="post" action="success.html">
<table width="50%" border="0">
<tr>
<td id="name">Name</td>
<td><input type="text" name="name" /></td>
<tr>
<td id="subject">Subject</td>
<td><input type="text" name="subject" /></td>
</tr>
<tr>
<td id="examnumber">Examination Number</td>
<td><input type="text" name="examnumber" /></td>
</tr>
<tr>
<td><input type="radio" id="examtype" name="examtype" /> : GCSE<br />
<td><input type="radio" id="examtype" name="examtype"  /> : A2<br />
<td><input type="radio" id="examtype" name="examtype" /> : AS<br />
</tr>
<tr>
<td><input type="submit" name="Submit" value="Submit" onclick="return validateForm();"    />  </td>
<td><input type="reset" name="Reset" value="Reset" /></td>
</tr>
</table>
</form>
</body>
  • Ce code fonctionne bien ou de donner l'erreur de ce problème que vous rencontrez peut vous pls expliquer.?
InformationsquelleAutor | 2013-02-19
  1. 3

    Ensemble de vos boutons radio valeurs comme ceci:

    <td><input type="radio" id="examtype" name="examtype" value="GCSE" /> : GCSE<br />
<td><input type="radio" id="examtype" name="examtype" value="A2" /> : A2<br />
<td><input type="radio" id="examtype" name="examtype" value="AS"/> : AS<br />

    Ensuite utiliser ce script dans votre fonction pour valider le formulaire, ou en faire une fonction et de l'appeler à partir de votre fonction validateForm:

    var checked = null;
var inputs = document.getElementsByName('examtype');
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].checked) {
checked = inputs[i];
break;
}
}
if(checked==null)
{
alert('Please choose an option');
return false;
}
else{
return confirm('You have chosen '+checked.value+' is this correct?');
}
    • non, -> -1, votre solution consomme précieux cycles de PROCESSEUR. Vous devriez break de la for boucle une fois que vous avez trouvé l'objet d'une radio.
    • Merci pour la mention @Kira, ont mis à jour le code, mais une chose.. quand vous avez seulement 3 à 4 boutons radio, ce n'est pas sur le nombre de cycles CPU, son tout environ les conventions.
    • en effet. Merci pour la mise à jour de votre réponse.
    InformationsquelleAutor Gaurav Pandey
  2. 1
    add this to your code#
function confirmation() {
for (var i=0; i < document.ExamEntry.examtype.length; i++)
{
if (document.ExamEntry.examtype[i].checked)
{
var answer = confirm(document.ExamEntry.examtype[i].value)
if (answer){
document.ExamEntry.examtype[i].checked = true;
}
else{
document.ExamEntry.examtype[i].checked = false;
}
}
}
}

    Puis ajoutez-vous de la radio du bouton 

    ( value="a2" )
( value="a1" )
( value="G1" )

    Et également ajouter à votre radio du bouton (onclick="return confirmation();")
    n'oubliez pas de mettre le présent en chacun de vous des boutons radio
    soz si cela ne fonctionne pas.

    InformationsquelleAutor xXRaider