jQuery form submit-Ereignis funktioniert nicht

Ich weiß nicht, was ist falsch mit, dass, da war ich nach bei jedem Schritt, mit dem tutorial aus jquery.com hinsichtlich der form, submit-Ereignis.

Meine javascript:

[Ofc. neueste jQuery-Bibliothek enthalten ist].

<script type="text/javascript">
$("form#addFav").submit(function(event) { event.preventDefault(); alert("hello"); });
</script>

Haben auch versucht, mit der $(document).ready() Veranstaltung:

$(document).ready(function(){
$("form#addFav").submit(function(event) { event.preventDefault(); alert("hello"); });
});

Hier ist mein HTML-Formular-code:

<form action="" id="addFav">
     <input type="text" name="name" class="thin-d"/>
     <input type="submit" value="Send"/>
</form>

So , in Bezug auf die oben genannten javascript-code, es funktionieren soll (ich meine, es soll verhindern, dass Standard-Aktion [Absenden] und senden Sie die Warnung dann), aber es funktioniert nicht - versucht haben, mit tausenden von Kombinationen, aber ich scheitern würde. Also ich bin warten auf Ihre Lösungen, Jungs. Ich würde schätzen jeder.

InformationsquelleAutor Lucas | 2012-04-14
  1. 3

    Haben Sie wahrscheinlich einige syntax-Fehler oder so etwas wie, dass irgendwo sonst, weil was Ihr gerade arbeitet.

    Sind Sie sicher, es gibt keine JS Fehler?

    P. S. ich würde alwyas gehen für die letztere code, um sicherzustellen, dass die Elemente in den DOM, bevor Sie versuchen, Ereignisse anfügen.

    • Danke. Ich war mit diesem Formular innerhalb des versteckten div (für jQuery modal box) und es scheint alles, was ich zu tun ist, um den code auf der Innenseite der div-tag, da Skript wurde nicht geladen andere Art und Weise. Jetzt funktioniert es! Danke.
    InformationsquelleAutor PeeHaa
  2. 1

    Für alle anderen, die das selbe problem hat, und immer noch kämpfen, um dieses Problem zu lösen, versuchen Sie, um zu sehen, wenn Sie illegal wiederverwendet id, und versuchen Sie, ändern Sie die Formular-id, um etwas einzigartige.

    Hatte ich versehentlich angegeben die id zu zwei verschiedenen DOM-Elemente und der Fall wurde an das erste element mit der entsprechenden id und meine form war der zweite, also war es nie gefangen. Dies hatte mich ziehen meine Haare für eine ziemlich lange.

    • Verwenden Sie längere Namen.
    InformationsquelleAutor Mohd Abdul Mujib
  3. 0

    Ich habe vor kurzem lief in das gleiche Problem. Jquery-auf submit würde nicht auf dem Formular funktioniert, allerdings nur ändern, klicken Sie auf Ereignis fein gearbeitet. Immer noch ratlos, warum .on(submit) oder .submit() Veranstaltungen nicht erkennen der form.

    JS:

    $("form#addFav").click(function (event) {
    event.preventDefault(); alert("hello");
    $(this).submit();
});

    InformationsquelleAutor Jim Smith
  4. 0

    diese Frage ist alt, aber.. Sie hatte vielleicht andere Ereignisse übermitteln feuern, bevor Ihr entlassen. Wenn diese anderen Ereignisse enthalten "return false;" - Anweisung wird das Ereignis der Ausführung bekam unterbrochen und der code wird nie gefeuert. Setzen Sie Ihren code, BEVOR diese Ereignisse, die Sie möglicherweise verwenden form ONSUBMIT-Attribut, wo Sie code, der ausgelöst wird, bevor oder zur gleichen Zeit wie andere Veranstaltungen.

    InformationsquelleAutor Tyler
Schreibe einen Kommentar