Test de formulaire avec java script [Fermé]

Signaler
Messages postés
4
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
7 juillet 2011
 -
Messages postés
269
Date d'inscription
lundi 15 novembre 2010
Statut
Membre
Dernière intervention
25 mars 2017
 -
Bonjour,

j'ai déjà posé une question pour l'envoit de photo...ça été résolu et j'ai même donné au public les pages pour enregistrer des photos dans un dossier du site et mettre les URL dans la base voici le lien : https://forums.commentcamarche.net/forum/affich-22521835-envoyer-des-photos-vers-base-mysql#p22563320

j'ai un autre souci que je n'ai pas pu comprendre :

j'a un fomulaire HTML, je ne met rien dans ACTION mais je fait appel à une page JS : <script type="text/javascript" src="Includes/MyAjax.js"></script> et je met onclick="ajout_bien()" pour que le bouton submit cherche la fonction ajout_bien() dans la page JS, elle vérifie est ce que les champs obligatoires sont rempli ou non pour envoyer après vers la page PHP qui insert les données dans la base, tout cela se passe bien sauf au moment de test...
quand il y a un champ obligatoire qui n'est pas rempli ça donne un message sous forme d'une alerte JS "veuillez remplir..." mais quand je clique sur OK ça me réinitialise le formulaire et tt ce que je tape s'enleve...
je voudrais faire le test et quand il y a un champ non rempli ça me donne le msg mais ça me garde ce que j'ai tapé...

Merci d'avance

2 réponses

Réponse 1 / 2
Messages postés
269
Date d'inscription
lundi 15 novembre 2010
Statut
Membre
Dernière intervention
25 mars 2017
 11
dans ton formulaire, déclenche la fonction de vérification sur le "onSubmit" et retourne true si c'est bon et false sinon 

<form action="destination.php" onsubmit="return fonction_de_verif()">
/*
                   tes input ici etc etc..
*/
</form>
Réponse 2 / 2
Messages postés
4
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
7 juillet 2011
voici ma fonction qui fait le test :

// fonction pour tester les champs
function ajout_bien(){

//on attribue à chaque id les valeurs recupérées
//j_ pour dire que c'est un variable de Java scrip et f_ variable de formulaire html

j_bien_ref = document.getElementById('f_bien_ref').value;
j_bien_transac = document.getElementById('f_bien_transac').value;

if((j_bien_ref!='')&&(j_bien_transac!=''))
{
var page = "trans_bien.php";
var url = "&f_bien_ref=" + j_bien_ref + "&f_bien_transac=" + j_bien_transac;

oxhr = createXHR();
oxhr.open("post", page, true);
oxhr.onreadystatechange = function(){
if (oxhr.readyState == 4 && oxhr.status == 200){
var ng = oxhr.responseText;
//on vide les champs une fois l'insertion effectuée

document.getElementById('f_bien_ref').value='';
document.getElementById('f_bien_transac').value='';

alert("1 Bien ajoute a votre base");
}}
oxhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
oxhr.send(url); }

else{ alert("Veuillez remplir les champs obligatoires");}
}


comment dois-je procédé pour que la fonction return False ou true ???

et merci
Signaler
Messages postés
269
Date d'inscription
lundi 15 novembre 2010
Statut
Membre
Dernière intervention
25 mars 2017
 11
va apprendre sur le site du zéro ca sera un gain de temps pour la suite ;), bon courage
Posez votre question