Question

我有一个带有取消按钮，保存（提交）按钮和保存继续链接的表格。现在按钮可以工作了，并且通过从onsubmit方法中调用的函数来调用javascript。这和取消按钮一样可以正常工作。但是保存并继续无法使用。以下是一个简化的示例：

<form id="save-form" class="admin-form" method="post" action="save-job" onsubmit="return jobFormSave(this);">
    <input type="text" name="data" value="">
    <a href="" class="admin-link" rel="view-job">&larr; cancel</a>
    <input class="button" type="submit" value="save">
    <a class="button oklink" onclick="document.getElementById('save-form').submit();">ok →</a>
</form>

并且用于简化的javascript会警告您（真实示例对save-job动作进行了ajax调用）：

<script>
    window.jobFormSave = function (aForm) {
        alert( "Ok" );
    }
</script>

因此，当我单击“保存”按钮时，表单将被验证，保存并显示一条消息。但是，单击确定链接会触发表单提交操作（保存作业），但是我希望它使用jobFormSave函数。所以我有几个问题：

在将表单数据提交给功能时可以这样做吗？
我可以确定是否从javascript中单击“确定”或“保存”按钮（或者是否在“保存工作操作”功能中单击）？
是否有更好的方法来实现似乎日常的事情。

我正在使用php 7.2处理表单操作功能，并且jQuery在实际代码中可用并用于ajax查询。

我将代码简短了，因为大多数情况下它与问题无关，但是如果你们需要，我可以提供更多代码。

Answer 1

可能您正在寻找：

<script>
    window.jobFormSave = function (aForm, action) {
        alert('User '+ action + " form with data "+ JSON.stringify(aForm))
        if (action == 'okayed')
          aForm.submit();
    }
</script>

<form id="save-form" class="admin-form" method="post" action="save-job" onsubmit="return jobFormSave(this, 'submitted');">

    <input type="text" name="data" value="">
    <a href="" class="admin-link" rel="view-job">&larr; cancel</a>
    <input class="button" type="submit" value="save">
    <a class="button oklink" href="javascript:{}" onclick="return jobFormSave(document.getElementById('save-form'), 'okayed');">ok →</a>
</form>

可以像我在锚标记的onclick中一样将表单作为参数传递，然后可以基于action

决定在功能级别提交

使用锚触发表单提交

1 个答案: