Làm cách nào để thực hiện điều gì đó trước khi gửi?

Question

tôi có một biểu mẫu có nút gửi biểu mẫu. Tôi cần phải làm một cái gì đó trước khi các đệ trình xảy ra. Tôi đã thử thực hiện onClick trên nút đó nhưng nó xảy ra sau khi gửi.

Tôi không thể chia sẻ mã nhưng, nói chung, tôi nên làm gì trong jQuery hoặc JS để xử lý việc này?

Answer 1

Nếu bạn có một hình thức như vậy:

<form id="myform"> 
... 
</form> 

Bạn có thể sử dụng mã jQuery sau đây để làm điều gì đó trước khi biểu mẫu được gửi:

$('#myform').submit(function() { 
    // DO STUFF... 
    return true; // return false to cancel form action 
}); 

Answer 2

chắc chắn rằng nút gửi không phải là của gõ "gửi", làm cho nó một nút. Sau đó, sử dụng sự kiện onclick để kích hoạt một số javascript. Ở đó bạn có thể làm bất cứ điều gì bạn muốn trước khi bạn thực sự đăng dữ liệu của bạn.

Answer 3

Giả sử bạn có một hình thức như thế này:

<form id="myForm" action="foo.php" method="post"> 
    <input type="text" value="" /> 
    <input type="submit" value="submit form" /> 

</form> 

Bạn có thể đính kèm một -event onsubmit với jQuery như thế này:

$('#myForm').submit(function() { 
    alert('Handler for .submit() called.'); 
    return false; 
}); 

Nếu bạn return false biểu mẫu sẽ không được nộp sau thời điểm chức năng, nếu bạn trả về true hoặc không có gì nó sẽ gửi như bình thường.

Xem jQuery documentation để biết thêm thông tin.

Answer 4

Bạn có thể sử dụng onclick để chạy một số JavaScript hoặc jQuery mã trước khi nộp mẫu đơn như thế này:

<script type="text/javascript"> 
    beforeSubmit = function(){ 
     if (1 == 1){ 
      //your before submit logic 
     }   
     $("#formid").submit();    
    } 
</script> 
<input type="button" value="Click" onclick="beforeSubmit();" />