formulaire submit

Question

Dans cette fonction, en fonction de la valeur d'une entrée, le formulaire submit est true/false. Pourquoi ne pas retourner vrai travailler dans cette fonction?

Fondamentalement, ma phrase if teste un point d'interrogation dans le formulaire. Si quelqu'un est là, je ne veux pas que le formulaire soit soumis à search.php. Si un point d'interrogation n'est pas là, la phrase else, alors je veux que le formulaire soit soumis à search.php. J'ai essayé d'utiliser return true; faire .form1 soumettre, mais cela n'a pas fonctionné. Puis j'ai essayé $ ('. Form1'). Submit(), mais cela l'a fait soumettre avant d'appuyer sur enter.

   <script> 

      $(".askInput").keyup(function() { 

       if ($(this).val().indexOf("?") != -1) { 

        $(this).css({"color" : "#00bfff", 'border-top-right-radius' : '0px', 'border-bottom-right-radius' : '0px', '-moz-border-top-right-radius' : '0px', '-moz-border-bottom-right-radius' : '0px', '-webkit-border-top-right-radius' : '0px', '-webkit-border-bottom-right-radius' : '0px'}); 

        $('.searchEnter').stop().animate({ 
        marginLeft: "310px" 
        }, 200); 
        $('.form1').submit(function() { 
         return false; 
         }); 


       } else { 

        $(this).css({"color" : "#333", 'border-top-right-radius' : '5px', 'border-bottom-right-radius' : '5px', '-moz-border-top-right-radius' : '5px', '-moz-border-bottom-right-radius' : '5px', '-webkit-border-top-right-radius' : '5px', '-webkit-border-bottom-right-radius' : '5px'}); 

        $('.searchEnter').stop().animate({ 
         marginLeft: "250px" 
         }, 200); 
        $('.form1').submit(function() { 
         return true; 
         }); 

       } 
      }); 

      </script> 

Answer 1

Au lieu de changer constamment le gestionnaire de soumission du formulaire, pourquoi ne pas rechercher le point d'interrogation lors de la soumission?

$('.form1').submit(function() { 
    if ($('.askInput').val().indexOf("?") != -1) return false; 
}); 

$(".askInput").keyup(function() { 

    if ($(this).val().indexOf("?") != -1) { 

    $(this).css({ 
     "color": "#00bfff", 
     'border-top-right-radius': '0px', 
     'border-bottom-right-radius': '0px', 
     '-moz-border-top-right-radius': '0px', 
     '-moz-border-bottom-right-radius': '0px', 
     '-webkit-border-top-right-radius': '0px', 
     '-webkit-border-bottom-right-radius': '0px' 
    }); 

    $('.searchEnter').stop().animate({ 
     marginLeft: "310px" 
    }, 200); 
    } else { 

    $(this).css({ 
     "color": "#333", 
     'border-top-right-radius': '5px', 
     'border-bottom-right-radius': '5px', 
     '-moz-border-top-right-radius': '5px', 
     '-moz-border-bottom-right-radius': '5px', 
     '-webkit-border-top-right-radius': '5px', 
     '-webkit-border-bottom-right-radius': '5px' 
    }); 

    $('.searchEnter').stop().animate({ 
     marginLeft: "250px" 
    }, 200); 
    } 
}); 

Answer 2

$('.form1').submit(function() { 
    return true; 
}); 

Cette fonction se fixe qui retourne juste true à l'événement submit. C'est à dire. après cela, lorsque vous soumettez le formulaire, la fonction renverra true. Et c'est tout.

Voici le manual entry:

.submit(handler(eventObject))
handler(eventObject) Une fonction pour exécuter chaque fois que l'événement est déclenché.

---

Si vous voulez juste de soumettre le formulaire, utilisez $('.form1').submit(). Si vous ne voulez pas soumettre le formulaire, n'appelez pas .submit(). I.e. .:

if (...) { 
    ... 
    // don't call submit 
} else { 
    ... 
    $('.form1').submit(); 
} 

Answer 3

utilisation submit sans aucun paramètre: $('.form').submit()

Answer 4

Je pense que vous voulez éviter la soumission du formulaire lorsque l'entrée askInput est invalide. Lorsque vous liez un gestionnaire de soumission au formulaire, il est toujours attaché. Ainsi, chaque fois que votre gestionnaire keyUp est exécuté, vous ajoutez un gestionnaire de soumission supplémentaire au formulaire. L'un d'entre eux est lié à "return false", empêchant le formulaire de se soumettre. Au lieu de cela, peut-être désactiver le bouton d'envoi ou ajouter une classe "invalide" au formulaire et ajouter un seul gestionnaire de soumission de formulaire qui s'assure que le formulaire n'a pas la classe invalide.

.: par exemple

<form> 
    <input name="ask" /> <input type="submit" /> 
</form> 
<script> 
$('form').submit(function(e) { 
    if ($(this).hasClass('invalid')) { 
    e.preventDefault(); 
    } 
}); 
$('input[name="ask"]').keyup(function(e) { 
    if ($(this).val().indexOf("?") != -1) { 
    // ... 

    $(this.form).addClass('invalid'); 
    // or 
    $(':submit', this.form).attr('disabled', 'disabled'); 
    } else { 
    // ... 

    $(this.form).removeClass('invalid'); 
    // or 
    $(':submit', this.form).removeAttr('disabled'); 
    } 
}); 
</script> 

Vous pouvez également utiliser une bibliothèque de validation bataille testé jQuery comme jQuery ketchup.

Answer 5

Essayez.

$('.form1').submit(function (e) { 
    if ($('.askInput').val().indexOf("?") != -1) { 
    e.preventDefault(); 
    } 
    $(this).submit(); 
}); 

Answer 6

Qu'est-ce que Blender a essayé de vous dire (au milieu de tout ce que la magie jQuery, si vous aimez ce genre de chose) est d'ajouter un écouteur pour l'événement présenter de la forme qui ressemble à l'entrée et retourne false s'il y a un ? Là.En termes simples, POJS:

<form onsubmit="return validateInput(this);"> 
    <input name="foo" value="?"> 
    <input type="submit"> 
</form> 

<script type="text/javascript"> 
    function validateInput(form) { 

    if (/\?/.test(form.foo.value)) { 
     // value has a ?, ask user to fix it 
     alert('Get rid of ? knucklehead!!'); 

     // cancel submit 
     return false; 
    } 
    } 
</script>