Verification butons radio IE Firefox
vincehb
-
Alain_42 Messages postés 5413 Statut Membre -
Alain_42 Messages postés 5413 Statut Membre -
Bonjour, cela fait deux trois jours que je me creuse l'esprit mais la je peux plus, j'ai un formulaire dans lequel je vérifie d'un bouton radio et bien sélectionner. Mon code marche bien sous IE mais pas sous Firefox, Opéra ou Chrome. J'ai un autre probleme aussi, une fois le non sectionnement détecté, j'entour les bouttons en rouge, chose qui marche en local mais pas sur mon site en ligne...
Voila mon code
Javascript
function check() {
var msg = "";
var doc = document.formulaire;
if ((doc.raison_soc[0].status == "" ) && (doc.raison_soc[1].status == "" ) && (doc.raison_soc[2].status == "" ) && (doc.raison_soc[3].status == "" ) ){
msg += "Veuillez selectionner votre Civilité\n";
doc.raison_soc[0].style.backgroundColor = "red";
doc.raison_soc[1].style.backgroundColor = "red";
doc.raison_soc[2].style.backgroundColor = "red";
doc.raison_soc[3].style.backgroundColor = "red";
} ...
mon body
<form method=post action=formmail.php name=formulaire onsubmit="return check()" value=XXX>
<table>
<tr>
<td colspan=2><B>Vous êtes:</B></td>
</tr>
<tr>
<td colspan=2>
<input type="radio" name="raison_soc" value="Particulier" onClick="javascript:couleur(this)"/> <label for="Particulier">Un particulier</label>
<input type="radio" name="raison_soc" value="Association" onClick="javascript:couleur(this)"/> <label for="Association">Une association</label></td>
</tr>
<tr>
<td colspan=2>
<input type="radio" name="raison_soc" value="Collectivité" onClick="javascript:couleur(this)"/> <label for="Collectivité">Une collectivité</label>
<input type="radio" name="raison_soc" value="Entreprise" onClick="javascript:couleur(this)"/> <label for="Entreprise">Une entreprise</label></td>
</tr> ...
Voila mon code
Javascript
function check() {
var msg = "";
var doc = document.formulaire;
if ((doc.raison_soc[0].status == "" ) && (doc.raison_soc[1].status == "" ) && (doc.raison_soc[2].status == "" ) && (doc.raison_soc[3].status == "" ) ){
msg += "Veuillez selectionner votre Civilité\n";
doc.raison_soc[0].style.backgroundColor = "red";
doc.raison_soc[1].style.backgroundColor = "red";
doc.raison_soc[2].style.backgroundColor = "red";
doc.raison_soc[3].style.backgroundColor = "red";
} ...
mon body
<form method=post action=formmail.php name=formulaire onsubmit="return check()" value=XXX>
<table>
<tr>
<td colspan=2><B>Vous êtes:</B></td>
</tr>
<tr>
<td colspan=2>
<input type="radio" name="raison_soc" value="Particulier" onClick="javascript:couleur(this)"/> <label for="Particulier">Un particulier</label>
<input type="radio" name="raison_soc" value="Association" onClick="javascript:couleur(this)"/> <label for="Association">Une association</label></td>
</tr>
<tr>
<td colspan=2>
<input type="radio" name="raison_soc" value="Collectivité" onClick="javascript:couleur(this)"/> <label for="Collectivité">Une collectivité</label>
<input type="radio" name="raison_soc" value="Entreprise" onClick="javascript:couleur(this)"/> <label for="Entreprise">Une entreprise</label></td>
</tr> ...
A voir également:
- Verification butons radio IE Firefox
- Radio française - Télécharger - Médias et Actualité
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger firefox - Télécharger - Navigateurs
- Verification lien internet - Guide
- Verification windows 11 - Guide
2 réponses
une solution:
<script type="text/javascript">
function check() {
var msg = "";
var doc = document.formulaire;
if ((document.getElementById('radio_part').checked == false ) && (document.getElementById('radio_asso').checked == false ) && (document.getElementById('radio_coll').checked == false ) && (document.getElementById('radio_ent').checked == false ) ){
msg += "Veuillez selectionner votre Civilité\n";
document.getElementById('radio_part').style.backgroundColor = "red";
document.getElementById('radio_asso').style.backgroundColor = "red";
document.getElementById('radio_coll').style.backgroundColor = "red";
document.getElementById('radio_ent').style.backgroundColor = "red";
} ...
</script>
mon body
<form method="post" action="formmail.php" name="formulaire" onsubmit="return check();" >
<table>
<tr>
<td colspan="2"><B>Vous êtes:</B></td>
</tr>
<tr>
<td colspan="2">
<input type="radio" name="raison_soc" id="radio_part" value="Particulier" onClick="javascript:couleur(this)"/> <label for="Particulier">Un particulier</label>
<input type="radio" name="raison_soc" id="radio_asso" value="Association" onClick="javascript:couleur(this)"/> <label for="Association">Une association</label></td>
</tr>
<tr>
<td colspan="2">
<input type="radio" name="raison_soc" id="radio_coll" value="Collectivité" onClick="javascript:couleur(this)"/> <label for="Collectivité">Une collectivité</label>
<input type="radio" name="raison_soc" id="radio_ent" value="Entreprise" onClick="javascript:couleur(this)"/> <label for="Entreprise">Une entreprise</label></td>
</tr> ...
vincehb
Toujours le même problème, la non sélection est détecter mais le sur-lignage ne marche pas sous Firefox
en fait tu veux surligner quoi exactement ?
Car tel que tu fais, c'est le carré qui entoure le rond du bouton radio qui passe au rouge sous iE, hors comme firefox n'a pas ce carré, on ne voir rien.
Il faudrait que tu mettes en rouge le label peut être, mais est ce bien indispensable ? le message si il est explicite doit aiguiller l'utilisateur vers le champ manquant.
Car tel que tu fais, c'est le carré qui entoure le rond du bouton radio qui passe au rouge sous iE, hors comme firefox n'a pas ce carré, on ne voir rien.
Il faudrait que tu mettes en rouge le label peut être, mais est ce bien indispensable ? le message si il est explicite doit aiguiller l'utilisateur vers le champ manquant.
