[Bot]

Yo !! Je suis toujours avec mon probleme , maintenant les condition marche super !! Sur chaque navigateur ! maintenant ces la redirection qui va pas …

La redirection marche sur firefox , mes pas sur chrome .
J’ai essayer differente maniere pour rediriger mes sans succés …

Je veut bien vous montrer le code . mes je pense pas que ce soit le probleme … A moin que vous avez des idées pour faire d’une autre maniere …

——————–
Freesseee

Sujet

[Bot]

faut redire ton langage et le contexte sinon on comprends pas

——————–
DK

[Bot]

J’ai un formulaire de contact , des que je suis sur firefox voici les probleme :
– Affiche les condition de la valeur de input « si tel champs n’est pas remplis BAM tu affiche lerreur  » (Gérer a partir de JS avec addEventListener lors du submit ).
– Et je suis rediriger sur mon « succes-contact.php » (Alors que les valeurs du formulaire nest pas bon )

Sur Google voici mon soucis :
– Il m’affiche bien mes condition , mes cette fois je ne suis pas rediriger vers mon fichier « succes-contact.php ».

Langage utilisé pour le projet :
Js :
– Jquery
– aos
Html
php

J’espere etre claire x))

J’ai du mal a exprimer mes bug .

x)

——————–
Freesseee

[Bot]

NodeRed chiant a setup ? Clic clic bouton

arduino/pi tres bon combo pour faire un mix des 2

j’dis ça j’dis R

——————–
toinux

[Bot]

t’as regardé la console parce que bon, sans erreurs ni code dur

——————–
DK

[Bot]

Je tenvoie sa de suite

    
    js
// listener sur le bouton submit

var button = document.getElementById("submit_contact");


document.getElementById("submit_contact").addEventListener("click", function () {


    if (verifContactForm() == false) {
        alert('false');
        
        
    }else {
        alert('true');
        return true;
    }
    
});

console.log(document.getElementById("submit_contact"));

    

    
    js
 
function verifContactForm() {
//Recuperation de la valeur input dans form
var nom = document.forms["form_contact"]["nom"];

// Récupération de l'erreur de nom avec leurs classe
var nomError = document.getElementById("nom_error");


        
// Verif nom
  if (nom.value == "") {
     //Focus sur le champ nom
     nom.focus();
     nomError.style.display = "block";
     return false;            
  }


}

    

(J’ai mis que le nom mes ses la même pour email,entreprise, etcc…. )

    
    html
 

 Valider


    

Et mon form avc mon submit

J’ai pas d’erreur dans la console …

    
    js
else {
        alert('true');
        window.location.href = "../contact-succes.php";
}

    

Alors que avec firefox quand je met la redirection dans « action = « /fichier »  » bah il me le fait

Pas d’idées ?

——————–
Freesseee

[Bot]

Bonjour , est-ce que vous avez le même comportement en utilisant la propriété `window.location` à la place de la propriété `window.location.href` ?

https://developer.mozilla.org/en-US/docs/Web/API/Window/location

——————–
BadWolf

[Bot]

Je vais test attend

    
    js
        if (verifContactForm() == false) {
        alert('false');
        window.location = "/";
        return false;
        
        
    }else {
        alert('true');
        window.location = "../contact-succes.php";
        return true;
    }

    

(J’ai modifier pardon )

Sans succes du coup ..

——————–
Freesseee

[Bot]

Avez-vous vu les exemples dans le lien que j’ai envoyé ?

——————–
BadWolf

[Bot]

yes . dans mon windows.location = « ../succes-contact.php » ces la ou doit aller la redirection .

    
    js
location.assign('../mon-fichier.php')

    

false

——————–
Freesseee

[Bot]

Le nom de votre fichier est bien `succes-contact.php` ou `contact-succes.php` ?

——————–
BadWolf

[Bot]

contact-succes.php

    
    js
window.location('/')

    

J’ai le rechargement de la page .

——————–
Freesseee

[Bot]

Avez-vous un `return True` dans cette fonction ?

——————–
BadWolf

[Bot]

    
    js
    // Verif nom
        if (nom.value == "") {
            //Focus sur le champ nom
            nom.focus();
            nomError.style.display = "block";
            return false;            
        }
    // Verif entreprise
        if (entreprise.value == "") {
            // Focus sur le champ entreprise
            entreprise.focus();
            // Affichage de l'erreur
            entrepriseError.style.display = "block";
            return false;
            
        }
    // Verif prenom
        if (prenom.value == "") {
            prenom.focus();
            prenomError.style.display = "block";
            return false;
            
        }
    // Verif email
        if (email.value == "" || verifEmail(email.value) == false) {
            email.focus();
            emailError.style.display = "block";
            return false;
            
        }
    // Verif message
        if (message.value == "") {
            message.focus();
            messageError.style.display = "block";
            return false;
            
        }
    // Si tout est ok

    

que des if .

——————–
Freesseee

[Bot]

avez-vous essayé la propriété `location.replace` comme mentionné dans l’exemple 3 du lien que j’ai envoyé précédemment ?

——————–
BadWolf

[Bot]

Yes je vien dessayer mes non …

——————–
Freesseee

[Bot]

Avez-vous essayé avec un chemin absolu à la place d’un chemin relatif ?

——————–
BadWolf

[Bot]

C’est a dire ? ^^

absolue , relatif ?

——————–
Freesseee

[Bot]

Vous trouverez une explication ici: https://developer.mozilla.org/fr/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks#url_absolue_vs._url_relative.
Ceci `window.location = « ../contact-succes.php »;` est un chemin relatif vers le fichier `contact-succes.php`.

——————–
BadWolf

[Bot]

Donc faudrai que je le mette dans un dossier ? D’aprés ce que tu ma envoyer non ?? ^^

——————–
Freesseee

[Bot]

    
    
window.location = "../contact-succes.php";


window.location = "http://localhost/votre_dossier/contact-succes.php";

    

——————–
BadWolf

[Bot]

    
    
http://localhost/contact-succes.php

    

Et mon « form.js » . Dans « Js/form.js »

    
    js
// Je sort de mon dossier "JS" 
location.assign('../succes-contact.php')

    

Et ici je pointe vers le fichier .

——————–
Freesseee

[Bot]

La différence entre le navigateur Mozilla Firefox et Google Chrome tend à penser que le problème sous-jacent est lié à la propriété location qui n’est pas supporté de la même manière en fonction du moteur javascript utilisé.

Il semblerait pourtant que ce code fonctionne sur les deux navigateurs: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_loc_href_set.

Excusez-moi, le chemin ne semble pas être la source du problème.

——————–
BadWolf

[Bot]

    
    onclick="return verifContactForm()"

    

dans le html

    
    
action ="./mon fichier"

    

——————–
Freesseee

[Bot]

Si un problème de compatibilité javascript avait eu lieu vous auriez eu un retour dans la Console de votre navigateur (F12).

——————–
BadWolf

[Bot]

Figure toi non … Je n’ai aucun erreur justement .

Je vais reessayer le onclick

    
    window.location= "contact-succes.php"

    

Parconte firefox j’ai pas besoins d’ajouter cette ligne pour la redirection

Et en plus il marche super !!

mes pas google punaise

——————–
Freesseee

[Bot]

Votre navigateur Google Chrome est-il à jour ?

Une solution alternative pourrait-être de passer en paramètre de l’URL les informations du formulaire.

——————–
BadWolf

[Bot]

Oulala je maitrise la méthode « Get » que pour les formulaire de connexion x))

Bah oui je pense quil est ajour

Ces bon j’ai verifier il est bien ajour

——————–
Freesseee

[Bot]

Il semblerait que ce ne soit pas possible de combiner une redirection en utilisant la propriété `window.location` avec la méthode POST. La question maintenant c’est pourquoi cela fonctionne.
Il faut donc utiliser la méthode GET.

——————–
BadWolf

[Bot]

Mdrr mes WTF

Va pour la methode Get

ces chelou

parconte

Oui sa fonctionner pas putin je suis trop con

——————–
Freesseee

[Bot]

Il est possible d’utiliser la méthode POST via la fonction `submit();` en javascript.

——————–
BadWolf

[Bot]

Tu peux me guider ? je tavoue je suis impeux perdu la …
Ces la premiere fois je galere avec un formulaire

Je peut le mettre ou le submit ducoup ? dans mon addEventlistener ?

——————–
Freesseee

[Bot]

Oui, bien sûr.

——————–
BadWolf

[Bot]

    
    
 document.getElementById("button_contact").submit();

    

comme ceci ??

——————–
Freesseee

[Bot]

Non, vous devez récupérer l’ID du formulaire et non celui du bouton.

——————–
BadWolf

[Bot]

    
    js
   if (verifContactForm() == false) {
      
       
        return false;
        
        
    } else {
        
        alert('true');
        //submit de mon form
        document.getElementById("formulaire_contact").submit();
        return true;
    }


    

    
    js
document.forms["myform"].submit();

    

——————–
Freesseee

[Bot]

A votre guise.

——————–
BadWolf

[Bot]

false

Non pardon je suis comme meme rediriger alors que le form n’est pas valid

——————–
Freesseee

[Bot]

Il existe beaucoup de cours sur le web pour vous aider à faire un formulaire compatible sur ces deux navigateurs. 🙂

Je n’ai pas vu de cours qui propose l’utilisation de la propriété `window.location` combiné à la méthode POST, d’où ma suggestion.

——————–
BadWolf

[Bot]

Jai rajouter le onclick en plus du submit en js et sur les 2 navigateur sa fonctionne

mes … Je sais pas si ces une bonne maniere de faire …

Punaise je vais bien dormir se soir cool

——————–
Freesseee

[Bot]

Je vous suggère de regarder le fonctionnement de `preventDefault();`

Plus d’information ici: https://developer.mozilla.org/fr/docs/Web/API/Event/preventDefault

Voici un cours sur les formulaires en javascript qui pourra également vous aider:
https://www.javascripttutorial.net/javascript-dom/javascript-form/

——————–
BadWolf

[Bot]

Un énorme merci a toi je vais regarder sa de plus pret .

Merci de ton aide , et du temps que tu ma consacré 🙂

——————–
Freesseee

[Bot]

🙂

——————–
BadWolf

[Auteur]

Réponses