jquery - 使用用户名和密码进行 jquery 验证

Question

我的验证码有问题。它没有检测到空白。请帮助这是我的验证码

$('#login_btn').click(function(){
        var userName=$('#txtUsername').val();
        var passWord=$('#txtPassword').val();

       if(userName==""){
          $('.error_message_login').fadeIn(100);
          return false;
        }

     });
});

它没有检测到空白。那是当我只输入一些空白并提交所以它没有检测到..所以请让我知道任何解决方案

Answer 1

您需要修剪输入，String 有一个trim()方法，但在 IE < 9 中不支持，因此请使用 jQuery 的修剪方法$.trim()

$('#login_btn').click(function(){
        var userName= $.trim($('#txtUsername').val());
        var passWord=$('#txtPassword').val();

       if(userName==""){
          $('.error_message_login').fadeIn(100);
          return false;
        }

     });
});

Answer 2

是的，它正在工作，请使用$.trim检查此代码

$('#login_btn').click(function(){
        var userName=$('#txtUsername').val();
        var passWord=$('#txtPassword').val();

       if($.trim(userName)==""){
          $('.error_message_login').fadeIn(100);
          return false;
        }

     });
});

在jsfiddle上检查这个