onsubmit méthode ne s'arrête pas soumettre

Mon onsubmit ne fonctionne pas. Mon idée était de mettre certains champs obligatoires et, pour y parvenir, j'ai été en utilisant le onsubmit méthode à l'intérieur d'un formulaire en HTML qui appelle une fonction JavaScript.

L'idée était de savoir si tous les champs obligatoires ont été remplis, la fonction javascript serait de retour true et il allait passer à la page /control/Cadastro.php. Sinon, si un champ obligatoire était vide, il serait de retour false et il ne serait pas passer à la page /control/Cadastro.php, séjourner dans la page en cours jusqu'en vrai.

Malheureusement, la fonction renvoie false si tous les champs obligatoires ne sont pas remplis, comme prévu, mais il se déplace encore à la page /control/Cadastro.php, même si elle ne devrait pas.

Je vais couper un peu de code pour faire mon point de vue perceptible.

<!DOCTYPE html>
<html>
    <head>
        <script>
            function ValidateRequiredFields()
            {
                var message = new String('\nCampos obrigatórios:\n');
                var flag=new Boolean(1);
                var x=document.forms["theForm"]["nr_processoCA"].value;
                if (x==null || x==""){
                    message += '\nNº do processo\n'; 
                    flag = new Boolean(0);
                } 
                if (flag == false){
                    alert(message);
                }
                return flag;    
            }
        </script>
    </head>
    <body>
        <form name="theForm" onsubmit="return ValidateRequiredFields()" method="post" action="../control/Cadastro.php"> 
            Nº do Processo: <br>
            <input type="text" name="nr_processoCA" class="input-xlarge">
            <br>
            <div class="row-fluid" style="text-align:center;">
                <input type="submit" class="btn btn-primary btn-large" value="Gravar">
            </div>   
         </form>
    </body>
</html>

Ne pas être trop verbeux, il suffit d'écrire var flag = true ou flag = false, idem pour String 🙂

InformationsquelleAutor Rita | 2012-09-27

Vous devez utiliser preventDefault à l'intérieur de votre onsubmit fonction. J'ai modifié votre code:

function ValidateRequiredFields()
{
    var message = new String('\nCampos obrigatórios:\n');
    var flag=new Boolean(1);


    var x=document.forms["theForm"]["nr_processoCA"].value;
    if (x==null || x==""){
        message += '\nNº do processo\n'; 
        flag = new Boolean(0);
    }

    if (flag == false){
        if(event.preventDefault){
            event.preventDefault();
        }else{
            event.returnValue = false; //for IE as dont support preventDefault;
        }
        alert(message);
    }

    return flag;
}

DÉMO

InformationsquelleAutor Anoop

Pour faire ce travail, votre ValidateRequiredFields fonction doit renvoyer une valeur booléenne. Et puis, vous devez associer cette méthode à la onSubmit événement. Rappelez-vous, que pour onsubmit vous devez utiliser le return mot-clé.

Cet exemple de code fonctionne:

<!DOCTYPE html>
<html>
<head>
<script>
    function ValidateRequiredFields() {
        var message = new String('\nCampos obrigatórios:\n');
        var flag=1;

        var x=document.forms["theForm"]["nr_processoCA"].value;
        if (x==null || x==""){
            message += '\nNº do processo\n'; 
           alert(message);
           return false;
        }
        return true;
    }
</script>
</head>

<body>

<form name="theForm" method="post" action="../control/Cadastro.php" onSubmit="return ValidateRequiredFields()">


Nº do Processo: <br><input type="text" name="nr_processoCA" class="input-xlarge"><br>

<div class="row-fluid" style="text-align:center;">
    <input type="submit" class="btn btn-primary btn-large" value="Gravar">
</div>   

</form>

</body>
</html>

InformationsquelleAutor Glenn Ferrie

2

je vous suggère de mettre un bouton qui va exécuter le formulaire si vrai:
```
 <input type='button' onclick="if (ValidateRequiredFields()) document.forms['theForm'].submit();" />
```
c'est tout....
- si il y a une erreur à l'intérieur de la fonction, puis il l'habitude de retourner faux ainsi que le formulaire d'soumettre. depuis le formulaire soumet que vous ne verrez pas l'erreur... le mieux pour tester la fonction première.
- C'est ce que <input type="submit"> est faite, sans vous embêter avec intrusive js. Si il y a une erreur dans la fonction de validation, en la déplaçant autour de ne résoudra pas le problème.
- eh bien au moins, vous verrez l'erreur. si c'est toujours le soumet, je suggère à la recherche de prevetntdefault fonction. en outre, il ne travail merveilleux et aussi longtemps qu'il est suivi par un clic c'est ok à partir de la vue de sécurité de tous les navigateurs
- le mec en dessous de moi est à droite...toujours revérifier la inouts dans .php sinon les gens avec peu d'outils peuvent causer beaucoup de problèmes
InformationsquelleAutor volchkov
1

Un objet est toujours true, même si c'est un objet Booléen dont la valeur false.

Mettre flag = true en haut de la fonction, puis flag = false au lieu de créer une valeur de type Boolean.

InformationsquelleAutor limos
0

J'ai eu un problème similaire. En fait il y a une erreur dans ma validation (nested quelques fonctions de profondeur) qui a été la cause de JavaScript pour arrêter l'exécution de la fonction, avant d'atteindre une instruction de retour. À quel point il serait tout simplement continuer à le soumettre.

Je conseille à quiconque de découvrir cette page à la recherche d'une réponse à "onsubmit méthode ne s'arrête pas soumettre" est à l'étape par le biais de votre fonction de validation avec un peigne fin.

InformationsquelleAutor user3096163
0

Après autour de la recherche d'une réponse qui a travaillé pour moi, j'ai décidé de créer une solution. Le code suivant permet de HTML5 native de validation de formulaire pour s'exécuter avant de soumettre ou d'exécuter une autre fonction (testé dans Chrome). Assurez-vous de retourner false après la fonction pour empêcher la soumission du formulaire.

HTML:
```
<input type="submit" value="Submit" onclick='if (document.getElementById("mainForm").checkValidity()) { submitData(); return false;}' />
```
InformationsquelleAutor user1766329

Vous devez vous connecter pour publier un commentaire.