jQuery 如果 myform.valid() 为真，则触发另一个 jQuery 函数？

jQuery If myform.valid() is true then fire another jQuery function?

提问by HaBo

I have a jQuery function that i would like to execute only if the form validation is true
I have the validation and other jQuery working fine.
the problem is now both validation and other function are executing same time.
I would like to run the other function only if the form validation is true. here is my script

我有一个 jQuery 函数，我只想在表单验证为真时执行
我有验证和其他 jQuery 工作正常。
现在的问题是验证和其他功能都在同时执行。
只有当表单验证为真时，我才想运行其他函数。这是我的脚本

<script>
            $(document).ready(function () {
                $.validator.addClassRules({
                    fileName: {
                        required: true
                    }
                });
                $("#myform").validate();
                if ($("#myform").valid()) {
                    $(function () {
                        $('#myform').submit(function () {
                            var cboxes = ($('input:checkbox:checked').filter(":checked").length);
                            var nboxes = ($(":checkbox:not(:checked)").length);
                            if ((cboxes > 0) && (nboxes > 0)) {
                                confirm('You have Checked only few locations among the List. \n Are you sure, you do not want to Prescribe from the other locations? ');
                            } else if (cboxes == 0) {
                                alert('Please select atleast One Address \n Where you would prefer to prescribe from.');
                                return false;
                            }
                            else {
                                return true;
                            }
                        });
                    });
                }
            });
</script>

please advise how can i get this done?

请告诉我如何完成这项工作？

采纳答案by Shadow Wizard is Ear For You

If you're using standard plugin, such code should be supported:

如果您使用的是标准插件，则应支持此类代码：

$(document).ready(function() {
    $("#myForm").validate({ 
        submitHandler: function(form) {
            SomeFuncHere();
        }
    });
})

The code in submitHandlershould be called after successful validation.

submitHandler验证成功后应调用中的代码。

Edit: based on your code, try this instead:

编辑：根据你的代码，试试这个：

$("#myform").validate({ 
    submitHandler: function(form) {
        var cboxes = ($('input:checkbox:checked').filter(":checked").length);
        var nboxes = ($(":checkbox:not(:checked)").length);
        var flag = false;
        if ((cboxes > 0) && (nboxes > 0)) {
            flag = confirm('You have Checked only few locations among the List. \n Are you sure, you do not want to Prescribe from the other locations? ');
        } else if (cboxes == 0) {
            alert('Please select atleast One Address \n Where you would prefer to prescribe from.');
        }
        else {
            flag = true;
        }
        return flag;
    }
});

回答by Stelloy

If you're using the jQuery validate plugin then the valid()method returns a boolean to indicate whether or not the form validated successfully, so you could just do:

如果您使用的是 jQuery 验证插件，则valid()方法返回一个布尔值来指示表单是否成功验证，因此您可以这样做：

if ($("#myform").valid()) {
    CallSomeOtherFunction();
}

回答by Muhammad Usman

You have to use .validate().form()

你必须使用 .validate().form()

if (!$("#myform").validate().form()) {
    return false; //doesn't validate
}else
{
    //form is validated do your work
}