我有以下情况：
我有一个按钮。单击后，将显示一个隐藏的表单并提交按钮。使用jQuery Validation插件验证表单。在提交处理程序中，我想使用Ajax提交表单。我的问题是，我在提交处理程序中编写的代码似乎无法执行。
HTML页面：
<div class='col-md-9'>
<div class='media-body'>
<form id='accountForm'>
<div class='input-group'>
<div class='input-group-addon'>
First name:
</div>
<input class='form-control' type='text' name='firstName'>
</div>
<!--- some more inputs --->
</form>
</div>
</div>
<div class='col-md-3'>
<div class='btn-group btn-group-vertical'>
<!--- some buttons --->
<button id='saveButton' class='btn' type='submit' form='accountForm'>
</div>
</div>
JavaScript文件：
$(document).ready(function() {
$('#accountForm').hide();
$('#saveButton').hide();
$('#editInfoButton').on('click', function() {
$('#accountForm').show();
$('#saveButton').show();
});
$('#accountForm').validate({
rules: //some rules
submitHandler: function(form) {
$.ajax({
type: 'POST',
url: '/account/profile',
data: $(form).serialize(),
success: function(data, status, jqXHR) {
//some stuff
}
});
return false;
}
});
});
当我单击“提交”按钮时，没有POST-request发送至，/account/profile而是GET-request to /account?firstName=...。我真的不明白为什么这不起作用。
恰好这个问题有一个不错的答案：
问题中描述的我的情况已由用户Jack hardcastle的评论解决。
愚蠢的问题：如果在表单标签中声明POST，会发生什么？AJAX请求的类型为POST，但是表单仍未定义任何操作/方法，因此表单执行仍将遵循这些操作/方法。
应当指出，与Sparky一样，该form属性不受所有浏览器的支持，包括。IE。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句