如何使用jQuery .submit提交表單？
[英]How to submit form with jQuery .submit?
問題描述
我有以下代碼：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<form method="post" id="theform" action="http://example.com" target="_blank">
<input name="email" placeholder="email" type="text">
<input id="submit" type="submit" value="submit">
</form>
<script type="text/javascript">
jQuery(function() {
jQuery('#submit').on('click', function(e) {
e.preventDefault();
jQuery('#theform').attr('disabled', 'disabled');
//Code here
jQuery('#theform').removeAttr('disabled').submit();
}
});
});
</script>
</body>
</html>
該表格未提交。 知道發生了什么嗎？
我知道我可以進行ajax調用來手動將表單提交給操作URL，然后使用JavaScript重定向到我想在新選項卡中發送用戶的位置。 但是，我不想這樣做，因為popup blockers會吞噬JavaScript重定向。 因此， submit ，我的形式為target="_blank" ，如果只有代碼有效，它將使用戶到達我想發送給他們的位置。
2 個解決方案
解決方案1
1 已采納 2015-05-29 06:14:51
刪除行e.preventDefault(); 從您的onclick事件處理程序中。
更新：對不起，我沒有注意到您稍后在代碼中明確嘗試提交表單。 即使上述更改可以解決問題，實際的問題還在於其他地方。 不要對函數進行任何更改，只需將“提交”按鈕的ID重命名為其他名稱，然后更新綁定即可，代碼應該可以正常工作。 工作提琴： http : //jsfiddle.net/epednoat/
<body>
<form method="post" id="theform" action="http://example.com" target="_blank">
<input name="email" placeholder="email" type="text">
<input id="smt" type="submit" value="submit">
</form>
<script type="text/javascript">
jQuery(function() {
jQuery('#smt').on('click', function(e) {
e.preventDefault();
jQuery('#theform').attr('disabled', 'disabled');
//Code here
jQuery('#theform').removeAttr('disabled').submit();
}
});
});
</script>
</body>
</html>
解決方案2
0 2015-05-29 06:14:59
您可以使用以下代碼通過jQuery提交表單。
$( "#theform" ).submit(function( event ) {
alert( "Handler for .submit() called." );
event.preventDefault();
});
使用JavaScript
function submitform()
{
document.theform.submit();
}
如何在jquery中提交表單
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.