jquery验证用户名和密码

Question

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

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

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

    }); 
}); 

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

Answer 1

是的，它是工作，请检查使用$ .trim

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

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

    }); 
}); 

检查此验证码上jsfiddle

Answer 2

你需要修正输入，串有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; 
     } 

    }); 
});