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

入力をトリミングする必要があります。文字列には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でこれを確認してください