Holen Sie sich action der vorgelegten form

Ich habe den folgenden code, der ausgelöst wird, jedes mal, wenn ein Nutzer ein Formular auf meiner Website.

Möchte ich diese etwas zu modifizieren, so dass es überprüft die Wirkung der Vorlage und basiert auf der Anwesenheit einer bestimmten Schlüsselwort, führt einige code.

Mein code ist wie folgt:

$("form").submit(function() {
    //do some generic stuff
    var formAction = ""; //get the action of the submitted form

    if (formAction.indexOf('keyword') !== -1) {
        //do some specific stuff for these forms
    }
});

Wie bekomme ich die action des form die Auslöser für diesen Aufruf?

InformationsquelleAutor Elie | 2013-04-18
  1. 16
    $("form").submit(function() {
    //some stuff...

    //get form action:
    var formAction = $(this).attr("action");

    //some other stuff...
});
    • Benötigen Sie jQuery oder etwas gleichwertiges oder funktioniert es out-of-the-box?
    • Zur info, das funktioniert nicht bei Formularen, deren Elemente überschreiben die Aktion mit formaction Attribut.
    InformationsquelleAutor Adrian Carneiro
  2. 14

    wenn Sie müssen Javascript ohne jQuery:

    var action=document.getElementById('formId').action

    mit jQuery:

    var action=$('#formId').attr('action');
    InformationsquelleAutor Luca C.
  3. 4

    Können Sie die Aktion zu erhalten attr auf diese Weise -

    var formAction = $(this).attr("action");
    • Benötigen Sie jQuery oder etwas gleichwertiges oder funktioniert es out-of-the-box?
    InformationsquelleAutor Mohammad Adil
  4. 1

    In "Vanille" JS haben Sie die Element.getAttribute()

    Oder (wenn nötig) können Sie mit der this.action. Nachfolgend sehen Sie die leichte Abweichung

    JS:

    document.querySelector("form").addEventListener("submit", function(e) {

  e.preventDefault(); //Prevents form from submitting
  
  console.log( this.getAttribute("action") );  //"test.php"
  console.log( this.action );                  //<address>/test.php
  
  //this.submit();  //Submit afterwards or use AJAX to construct your request

});

    HTML:

    <form action="test.php">
  <input type="submit">
</form>

    InformationsquelleAutor Roko C. Buljan
Schreibe einen Kommentar