Làm cách nào để sử dụng thẻ neo để gửi biểu mẫu với jquery

Question

Tôi muốn sử dụng neo sau để gửi biểu mẫu có jquery đến Spring. Làm thế nào được thực hiện?

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

tôi đã cố gắng này, nơi requestNew là hình thức của tôi:

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

Nó dường như không đi đâu cả.

Answer 1

Bạn đang thêm trình xử lý sự kiện mới; tất cả những gì bạn cần làm là kích hoạt các tính năng hiện tại và chức năng gốc của trình duyệt:

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

Answer 2

Gán trình xử lý gửi bên ngoài nhấp chuột. Sau đó gọi nó từ nhấp chuột.

$(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

nếu bạn thêm một id để neo của bạn, bạn có thể gửi biểu mẫu trong chức năng nhấp chuột của bạn:

<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 
    }); 
}); 

Nếu bạn đang cố gắng trình với ajax đó là một giải pháp khác nhau nhưng tôi không chắc chắn nếu đó là những gì bạn muốn dựa trên câu hỏi của bạn

Answer 4

Vui lòng sử dụng này

<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> 

Thay thế "Y OUR_ACTION_PAGE_URL" với url hành động nhắm mục tiêu của bạn

Answer 5

HTML

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

jQuery

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

Answer 6

cách đơn giản nhất là thế này:

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