javascript - 防止默认并返回 false；如果我添加 if else 语句

Question

我有这个js代码

$(document).ready(function(){

    $("#frm_registration").submit(function(event){
        var submit = false;

        termsIsChecked      = $("#user_terms_of_service").is(":checked");
        uEmail              = $("#user_email").val();
        uPassword           = $("#user_password").val();
        uConfirmPassword    = $("#user_password_confirmation").val();
        uFirstName          = $("#user_firstname").val();
        uLastName           = $("#user_firstname").val();
        uContactNumber      = $("#user_firstname").val();
        uOtherInformation   = $("#user_firstname").val();


        // if(uPassword.length === 0){
        //    uPassword.after("<p>Password can't be blank</p>");
        //    submit = false;
        // }

        if(submit === false){
            event.preventDefault(); 
        }
    });
});

如果我取消注释 if block ，如果我更改，表单将提交事件 event.preventDefault();至return false;如果 if block 未注释，它仍然无法工作。我的问题是为什么 jquery 会这样响应，如果我添加 if 语句 preventDefault 和 return false; 将不起作用，但如果我删除 if 语句或将其注释掉 >preventDefault 并返回 false；会起作用的。有人能解释一下为什么会这样吗

Answer 1

问题是 uPassword 不是 jQuery 对象，它是一个字符串，因此 String 对象没有名为 after 的方法。这应该会在浏览器控制台中显示类似 Uncaught TypeError: uPassword.after is not a function 的错误。

$("#user_password").after("<p>Password can't be blank</p>");

<小时/>

此外，您还必须使用值 false 初始化 submit，例如

$(document).ready(function () {

    $("#frm_registration").submit(function (event) {
        var submit = true;

        termsIsChecked = $("#user_terms_of_service").is(":checked");
        uEmail = $("#user_email").val();
        uPassword = $("#user_password").val();
        uConfirmPassword = $("#user_password_confirmation").val();
        uFirstName = $("#user_firstname").val();
        uLastName = $("#user_firstname").val();
        uContactNumber = $("#user_firstname").val();
        uOtherInformation = $("#user_firstname").val();


        if (uPassword.length === 0) {
            $("#user_password").after("<p>Password can't be blank</p>");
            submit = false;
        }

        if (submit === false) {
            event.preventDefault();
        }
    });
});

演示:Fiddle