4

以下是表格

@using (Html.BeginForm(MVC.CollectionPlanConfirmation.ActionNames.Edit, MVC.CollectionPlanConfirmation.Name, FormMethod.Post, new { @id = "collectionPlanForm" }))
{
.................
}

提交按钮在表单之外。以下是我的 MVC 视图上的提交按钮。

<input type="submit" value="Save" class="aSubmit" onclick="return SubmitForm();" />

以下是应提交表单的 jquery。

<script type="text/javascript">    
function SubmitForm() {
...... validation code........
$('#collectionPlanForm').submit();
}
</script>

我可以看到，IE8 和 Firefox 提交了表单，但它不适用于 Chrome。它根本没有做任何事情。

可能是什么原因，以及如何解决？

对此有任何帮助，非常感谢。

谢谢

4

3 回答 3

3

执行 jquery 提交的最佳方式是这种方式。

$('#submitButton').click( function() {
    $.ajax({
        url: 'some-url',
        type: 'post',
        dataType: 'json',
        data: $('form#myForm').serialize(),
        success: function(data) {
             console.log("success");
        }
    });
});

http://jsfiddle.net/BD3Rt/

总是很高兴保持 html 干净并分离您的 jquery/javascript 代码。

于 2013-07-02T06:34:27.297 回答
2

试试这个：

HTML

<input type="button" value="Save" class="aSubmit" />

脚本

$(function () {
    $(document).on('click', '.aSubmit', function () {
        $('#collectionPlanForm').submit();
    });
});

演示小提琴

于 2013-07-02T06:49:38.953 回答
1

为表单和使用输入 ID，$("#yorID").submit()您可以在此处查看 示例示例

于 2013-07-02T06:36:58.173 回答