我有一个包含一些输入的页面、一个验证按钮以及一些链接。
我希望有以下行为:当用户单击链接时,在点击链接之前提交表单(保存数据)。
我尝试在链接点击事件上使用 jquery form.submit(),但数据没有保存。如果我在 form.submit() 之前使用 event.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
}
}
});
});
});