Javascript jQuery-验证结果不同于JS Fiddle演示

我遇到了一个非常奇怪的问题，当我的JS Fiddle上的相同代码正常工作时，我的工作文件的代码不工作

我所做的只是检查用户名或密码字段是否为空。 出于某种原因，我的工作平台代码没有获取任何输入值

我已经经历了很多次，确保我在相同的代码环境中 但一切都是一样的。我不知道从这里到哪里去

(function($){
    $('#signIn_1').click(function () {  

        var username = $('#username_1').val();
        var password = $('#password_1').val();

        if ( username === '' || password === '' ) {
            $('.fa-user').removeClass('success').addClass('fail');  
        } else {
            $('.fa-user').removeClass('fail').addClass('success');      
        }

    });
})(jQuery);

我的if语句是否违反任何可能导致不一致的规则

检查此项
使用

返回false

停止执行

(function($){
    $('#signIn_1').click(function () {  

        var username = $('#username_1').val();
        var password = $('#password_1').val();

        if ( $.trim(username) === '' || $.trim(password) === '' ) {
            $('.fa-user').removeClass('success').addClass('fail');  
            return false;
        } else {
            $('.fa-user').removeClass('fail').addClass('success');      
        }

    });
})(jQuery);

检查此项
使用

返回false

停止执行

(function($){
    $('#signIn_1').click(function () {  

        var username = $('#username_1').val();
        var password = $('#password_1').val();

        if ( $.trim(username) === '' || $.trim(password) === '' ) {
            $('.fa-user').removeClass('success').addClass('fail');  
            return false;
        } else {
            $('.fa-user').removeClass('fail').addClass('success');      
        }

    });
})(jQuery);

检查此项
使用

返回false

停止执行

(function($){
    $('#signIn_1').click(function () {  

        var username = $('#username_1').val();
        var password = $('#password_1').val();

        if ( $.trim(username) === '' || $.trim(password) === '' ) {
            $('.fa-user').removeClass('success').addClass('fail');  
            return false;
        } else {
            $('.fa-user').removeClass('fail').addClass('success');      
        }

    });
})(jQuery);

检查此项
使用

返回false

停止执行

(function($){
    $('#signIn_1').click(function () {  

        var username = $('#username_1').val();
        var password = $('#password_1').val();

        if ( $.trim(username) === '' || $.trim(password) === '' ) {
            $('.fa-user').removeClass('success').addClass('fail');  
            return false;
        } else {
            $('.fa-user').removeClass('fail').addClass('success');      
        }

    });
})(jQuery);

---

问题是您的

元素正在提交，因此会重新加载页面。我建议修改表单的

submit

事件，而不是给按钮一个

click

事件，因为表单通常但不一定是通过单击按钮触发的。也

例如：

(function($){
    $('#form_1').submit(function (event) {
        var username = $('#username_1').val();
        var password = $('#password_1').val();
        if ( username === '' || password === '' ) {
            event.preventDefault();
            $('.fa-user').removeClass('success').addClass('fail');
        }
        else {
            $('.fa-user').removeClass('fail').addClass('success');      
        }
    });
})(jQuery);

---

问题是：

问题是您的

元素正在提交，因此会重新加载页面。我建议修改表单的

submit

事件，而不是给按钮一个

click

事件，因为表单通常但不一定是通过单击按钮触发的。也

例如：

(function($){
    $('#form_1').submit(function (event) {
        var username = $('#username_1').val();
        var password = $('#password_1').val();
        if ( username === '' || password === '' ) {
            event.preventDefault();
            $('.fa-user').removeClass('success').addClass('fail');
        }
        else {
            $('.fa-user').removeClass('fail').addClass('success');      
        }
    });
})(jQuery);

---

问题是：

问题是您的

元素正在提交，因此会重新加载页面。我建议修改表单的

submit

事件，而不是给按钮一个

click

事件，因为表单通常但不一定是通过单击按钮触发的。也

例如：

(function($){
    $('#form_1').submit(function (event) {
        var username = $('#username_1').val();
        var password = $('#password_1').val();
        if ( username === '' || password === '' ) {
            event.preventDefault();
            $('.fa-user').removeClass('success').addClass('fail');
        }
        else {
            $('.fa-user').removeClass('fail').addClass('success');      
        }
    });
})(jQuery);

---

问题是：

问题是您的

元素正在提交，因此会重新加载页面。我建议修改表单的

submit

事件，而不是给按钮一个

click

事件，因为表单通常但不一定是通过单击按钮触发的。也

例如：

(function($){
    $('#form_1').submit(function (event) {
        var username = $('#username_1').val();
        var password = $('#password_1').val();
        if ( username === '' || password === '' ) {
            event.preventDefault();
            $('.fa-user').removeClass('success').addClass('fail');
        }
        else {
            $('.fa-user').removeClass('fail').addClass('success');      
        }
    });
})(jQuery);

---

问题是：

在“如果”中检查是否相等之前，您可能需要修剪用户名和密码。谢谢。我最初有

trim

，在这里测试时没有它。这两个都不适用于我。在检查“如果”中的相等性之前，您可能希望修剪用户名和密码。谢谢。我最初有

trim

，在这里测试时没有它。这两个都不适用于我。在检查“如果”中的相等性之前，您可能希望修剪用户名和密码。谢谢。我最初有

trim

，在这里测试时没有它。这两个都不适用于我。在检查“如果”中的相等性之前，您可能希望修剪用户名和密码。谢谢。我最初有

trim

，在这里测试时没有它。这两个都不适合我。