Javascript onSubmit 函数自动执行

Question

我的验证代码有问题...我有一个包含两个字段(用户、密码)和一个在提交时执行函数的 jQuery 函数的表单:

jQuery(document).ready(function($) {
    $('#login-form').on('submit', validateData());

    function validateData() {
        userInput = $('#in-user');
        userCntrl = userInput.closest('.control-group');
        passInput = $('#in-pass');
        passCntrl = passInput.closest('.control-group');

        userCntrl.addClass('error'); // This executes on page load, not on submit

        formSubmit = false;

        console.log( userInput.val() ); // This logs on page load, not on submit

        return formSubmit;
    }
});

事实是这段代码在页面加载时运行，但 onSubmit 没有任何反应......

我确信这很简单，但我看不到解决方案。

Answer 1

你需要:

$('#login-form').on('submit', validateData);

请注意 validateData 后缺少括号。

如您所见，您在页面加载时调用函数并将其返回值(false)设置为提交处理程序为您的表格。

(您应该在定义validateData 函数后执行此操作。)