Test de formulaire avec java script

galaxico Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   -  
hervé56 Messages postés 268 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

2 réponses

Réponse 1 / 2
hervé56 Messages postés 268 Date d'inscription   Statut Membre Dernière intervention   10
 
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>
0
Réponse 2 / 2
galaxico Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
hervé56 Messages postés 268 Date d'inscription   Statut Membre Dernière intervention   10
 
va apprendre sur le site du zéro ca sera un gain de temps pour la suite ;), bon courage
0

Discussions similaires

Jeux pour itel 5330
yewou -
MPMP10 -

1 réponse