Javascript 停止jQuery函数在页面加载时运行

我有以下问题。下面是代码摘要

function submitProfileForm() {            

    console.log('here');
}

$(function () {

    //save function
    $('.save').on('click', function(){

        $('form.Zebra_Form').parsley().validate();
        return submitProfileForm();
    });

    //profile form validation
    $('form.Zebra_Form').on('submit', submitProfileForm());
});   

在页面加载时，submitProfileForm（）函数会在页面加载时立即运行，而它应该仅在提交Zebra表单或单击外部保存按钮时运行

---

我做错了什么？

您必须将函数

submitProfileForm

作为参数传递给（'submit'，func）

---

文档：

这是因为您在这里调用它

$（'form.Zebra_form'）。在（'submit'，submitProfileForm（））。查看
submitProfileForm（）
部分。您应该将函数作为parameter传递
Zebra_Form是表单标签的css类吗？
$('form.Zebra_Form').on('submit', submitProfileForm);