Jquery: 检查表单是否已经提交并验证

Question

我有一个包含表单和提交按钮的弹出窗口。提交时，弹出窗口关闭并验证表单。我需要在弹出窗口关闭后运行一些代码，但是用户可以在不提交表单的情况下关闭弹出窗口。

我需要关闭弹出窗口以确认表单已提交并经过验证，因此我可以运行我的自定义代码。

我知道 $('#formId').validate().checkForm() 但它甚至在单击提交按钮之前就已验证。

$('#FormId').on('modalclosed', function() {
    //check if form is submitted and validated
    //custom code
});

Answer 1

关闭后不检查表单是否提交，而是检查表单是否已提交，如果表单有效则关闭。

$('#FormId').on('submit', function() {

    //check if form is valid
    if ($('#FormId').validate()) {

        // form is valid, close modal
        $('#modalId').modal('closeModal');

        // custom code to run after form is submitted and valid

    }
});

ID 可能需要调整才能与您的代码一起使用

Jquery: 检查表单是否已经提交并验证

Jquery: check if a form is already submitted and validated

jquery

magento2