Verification butons radio IE Firefox

Fermé
vincehb - 5 déc. 2011 à 11:39
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 7 déc. 2011 à 09:29
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> ...
A voir également:

2 réponses

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
5 déc. 2011 à 21:02
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> ...
0
Toujours le même problème, la non sélection est détecter mais le sur-lignage ne marche pas sous Firefox
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
7 déc. 2011 à 09:29
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.
0