Bonjour chers internautes! Voilà quelques jours je suis à la recherche d'une solution à mon exercice je n'y parviens pas! J’ai réalisé un formulaire avec des champ de saisie, de selection et pour cocher. En effet j'arrive à faire le traitement des champs <input type text> mais j'ai mille problèmes à traiter les champs <select et radio>.
J'utilise le couple PHP - AJAX pour le traitement du formulaire. –> Mon 1er problème est que au niveau du champ radio: seul le 1er champ qui à l'attribut id est considéré dans la bdd mais pas les autres si je click sur le bouton submit du formulaire. –> Le 2nd est que j'aimerai que si l'utilisateur click dans une des cases radio il faut apparaitre un check vert juste en face des boutons et cela idem pour le champ select.
je ne sais pas si je m'y prend bien ou c'est impossible à réaliser. j'ai parcouru quelques forums pour voir des exemples mais j'ai pas trouver de semblables à mon problème. Merci d’avance pour votre aide.
VOICI MON CODE
<code>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <form id="inscription_form" onsubmit="return false;"> <p> Mme <input type="radio" name="civ" value="Mme" id="civ" /> Mlle <input type="radio" name="civ" value="Mlle" id="civ" /> Mr <input type="radio" name="civ" value="Mr" id="civ" /> </p><small id="message_civ"></small> <p> <select name="mois" id="mois" size="1"> <option value=""> </option> <option value="Janvier">Janvier</option> <option value="Decembre">Decembre</option> </select><small id="message_mois"></small> </p> <p> <input type="submit" name="binscript" id="binscript" value="s'inscrire"/> </p> </form> |
<code> CODE PHP
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <?php //verification si le champ civilité est coché if(!empty($_POST['civ'])) { $civ = $_POST['civ_coche']; if(isset($_POST['civ_coche'])) { echo"success"; exit(); }else { echo"veuillez choisir votre civilité !"; exit(); } } //Verification du champ mois if(!empty($_POST['mois_choisis'])) { $mois = $_POST['mois_choisis']; if(isset($mois) =="") { echo"veuillez choisir le mois !"; exit(); }else { echo"success"; exit(); } } ?> |
<code> CODE AJAX
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | $(document).ready(function() { $("#civ").keyup(function() { coche_civ(); }); function coche_civ() { $.ajax( { type : "post", url : "url.php", data: { 'civ_coche' : $("#civ").val() }, success : function(data) { if(data =="success") { $("#message_civ").html('<img src="imgchekvert.png"/>'); }else { $("#message_civ").css('color','red').html(data); } } }); } } |