Jak użyć znacznika zakotwiczenia do przesłania formularza z jquery

Question

Chcę użyć poniższej kotwicy, aby przesłać formularz z jquery do Spring. Jak to się robi?

<a target="" title="" class="" href="">Save</a> 

Próbowałem tego, gdzie requestNew jest moja forma:

$(document).ready(function(){ 
    $("a").click(function(){ 
    $("#requestNew").submit(function(){ 
     $.post("../acctRequests", $("#requestNew").serialize()); 
     }); 
    }); 
}); 

Nie wydaje się, aby przejść w dowolnym miejscu.

Answer 1

Dodajesz nową procedurę obsługi zdarzeń; wszystko, co musisz zrobić, to wyzwolić istniejące i natywną funkcjonalność przeglądarki:

$(document).ready(function(){ 
    $("a").click(function(){ 
    $("#requestNew").submit(); 
    }); 
}); 

Answer 2

Przypisanie handlarza przed kliknięciem. Następnie zadzwoń od kliknięcia.

$(document).ready(function(){ 
     // Binds the submit handler to the #requestNew form 
    $("#requestNew").submit(function(){ 
     $.post("../acctRequests", $("#requestNew").serialize()); 
    }); 
    $("a").click(function(e) { 
     $("#requestNew").submit(); // calls the submit handler 
     e.preventDefault(); // Prevents the default behavior of the link 
    }); 
}); 

Answer 3

jeśli dodać identyfikator do kotwicy można przesłać formularz w funkcji click:

<a target="" title="" class="" href="" id="saveButton">Save</a> 
$(document).ready(function(){ 
    $('#saveButton').click(function(){ 
    $("#requestNew").submit(); //if requestNew is the id of your form 
    }); 
}); 

Jeśli próbujesz złożyć go z AJAX, które jest inne rozwiązanie, ale nie jestem pewien, czy to, co chcesz w oparciu o swoje pytanie

Answer 4

Proszę używać tej

<a href="javascript:document.YOUR_FORM_NAME.submit()"> Submit</a> 

<form name="YOUR_FORM_NAME" action="YOUR_ACTION_PAGE_URL" method=POST> 
      <input type="text" name="YOUR_INPUT_NAME" value="YOUR_INPUT_VALUE"/> 
     </form> 

Wymień „Y OUR_ACTION_PAGE_URL”z docelowym adresem URL działania

Answer 5

HTML

<form...> 
    ... 
    <a data-role="submit">Save</a> 
</form> 

jQuery

$(function(){ 
    $("[data-role=submit]").click(function(){ 
     $(this).closest("form").submit(); 
    }); 
}); 

Answer 6

najprostszym sposobem jest taka:

<a href="#" onclick="submit()">Submit</a>