jQuery：如何在提交之前更改多个表单属性

Question

我正在尝试使用jQuery使用几个提交按钮来操纵表单提交。 代码如下：

    <form id="cf" action="" method="POST" target="">
        <button id="preview">Preview</button>
        <button name="submit" id="submit">Save</button>
    </form>
    <script>
        $("#preview").on("click",function(e) {  
            $(this).attr('name','submit');
            e.preventDefault();         
            $("#cf").attr({
                    'action':'/preview/',
                    'target':'_blank'
                }).submit();
        });
    </script>

单击“预览”按钮时，更改属性值似乎可以工作，但不提交。 代码有什么问题？

Answer 1

每个表单都附加有一个提交功能，它被称为form.submit 。

当您在表单submit命名某个内容时，它也会附加在表单上，​​并且会覆盖本机的form.submit因此无法再使用form.submit函数提交该表单。

按钮重命名为以外的任何submit ，并删除将名称设置为行submit

<form id="cf" action="" method="POST" target="">
    <button id="preview">Preview</button>
    <button name="my_submit" id="my_submit">Save</button>
</form>
<script>
    $("#preview").on("click",function(e) {  
        e.preventDefault();         

        $("#cf").attr({
                'action':'/preview/',
                'target':'_blank'
        }).submit();
    });
</script>