Question

我有一个表单，当提交时会触发一个php脚本，但是如果触发了一个jquery函数，则提交按钮不起作用。按钮是否可以触发jquery函数和php脚本？

这是我的代码：

<form action="./asset/php/savesettings.php" method="post">
    <div class="modal-body">
        <P class="noticeme">Please note that all of your settings are stored via cookies</P>
        <div class="checkbox">
            <label><input type="checkbox">Disable page visit alert on page load</label>
        </div>  
        <br><br><br><br><br><br>
        <div class="text-centered">
            <button class="btn btn-sm btn-success onclickspin" id="MSSave">Submit</button>
        </div>
    </div>
</form>

Jquery函数：

$("#MSSave").click(function(){
    $("#MSSave").html('<i class="fa fa-refresh fa-spin"></i>');
    $('#MSSave').prop('disabled', true);
});

因此，当按钮“MSSave”附加了一个jquery函数时，基本上不会发生表单操作。

Answer 1

将form的id添加到表单并将其添加到jQuery函数的底部：

$("#form").submit();

Answer 2

有没有设计理由说明为什么你没有让jQuery函数执行提交功能？如果有，那么我建议使用jquery $（）。bind（＆＃34;更改keyup＆＃34; ...）函数将jquery函数绑定到key-up（当你释放鼠标按钮时）单击提交按钮。

按钮是否可以触发表单操作并使按钮触发jquery功能

2 个答案: