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; 
     } 

    }); 
});