javascript - jquery .submit() 和变量的问题

Question

我不确定该怎么做以及为什么它不起作用这是我第一次尝试这样的事情。

这是一个 fiddle http://jsfiddle.net/ProjectV1/LVPtN/

您会注意到在 javascript 中我有一个默认为 false 的 var 错误。

如果有错误，则为真。

我在表单上的每个输入旁边都显示了错误值。

如果变量 error 为 false，则应提交表单，如果为 false，则不应提交。

出现错误时出现问题，然后更正表单不会提交。

看看 fiddle 。表单直接指向 google 只是为了测试。

Answer 1

我认为，问题在于 error 位于将在模糊时调用的函数内部。当函数调用完成时，它会变为未定义状态。交易是变量应该是全局的。你需要把它放在 $(document).ready() 上面这应该可以工作:

var error = false;

$('#joinForm input').blur(function() {
    var id = $(this).attr('id');
    var val = $(this).val();
    if (id == 'email') {
        $('#emailMsg').hide();
        if (val == '') {
            error = true;
            $('#' + id).after('<div id="emailMsg" class="error">' + error + '</div>');
        }
        else {
            $('#' + id).after('<div id="emailMsg" class="success">' + error + '</div>');
        }
    }
    if (id == 'cemail') {
        $('#cemailMsg').hide();
    }
    if (id == 'password') {
        $('#passwordMsg').hide();
        if (val == '') {
            error = true;
            $('#' + id).after('<div id="passwordMsg" class="error">' + error + '</div>');
        }
        else {
            $('#' + id).after('<div id="passwordMsg" class="success">' + error + '</div>');
        }
    }
    if (id == 'cpassword') {
        $('#cpasswordMsg').hide();
    }
    if (id == 'username') {
        $('#usernameMsg').hide();
        if (val == '') {
            error = true;
            $('#' + id).after('<div id="usernameMsg" class="error">' + error + '</div>');
        }
        else {
            $('#' + id).after('<div id="usernameMsg" class="success">' + error + '</div>');
        }
    }
    $('#joinForm').submit(function(){
        if (error == true) {
            return false;
        }
        else {
            return true;
        }
    });
});