提交表單之前點擊鏈接

Question

我有一個頁面有幾個輸入，驗證按鈕以及一些鏈接。

我想要有以下行爲：當用戶點擊一個鏈接時，在鏈接之前提交表單（數據被保存）。

我試圖在鏈接點擊事件上使用jquery form.submit（），但數據沒有保存。 如果我在form.submit（）之前使用event.preventDefault（），數據將被保存但鏈接未打開，則會打開提交按鈕的操作鏈接。

我該怎麼做？

Answer 1

你需要使用e.preventDefault（）使用Ajax這個功能

<a href="somepage.html" class="link">Link</a> 

$(document).ready(function(){ 
$('.link').click(function(e){ 

var href = $(this).attr('href'); 
e.preventDefault(); 
//do ajax for saving the data-- refer jquery ajax 

$.ajax({ 
     url:'your form action', 
     type:'post', 
     data:anydata to send 
    success:funtion(msg){ //return a value ok if form saved or fail if form not saved 
    if(msg == 'ok'){ 
    location.href = href; //just redirect 
     }  
    } 

});  
}); 

});