HTMLとJavascriptクライアント側の認証

Question

私はクライアント側の検証を作成しています（これは目的がないようですが、そうしています）。問題は、私はjsとうまくやっていないと私のコードが動作しないということです。

ユーザータイプ提出のパスワードやクリックなどの「ABCD」を：私は達成しようとしている何•

。 パスワードが「ABCD」かどうかを確認し、そうであれば処理を続行し、そうでない場合はエラーメッセージを表示します。

HTML：：

<div class="login"> 
    <div class="login__check"></div> 
    <div class="login__form"> 
    <div class="login__row"> 
     <svg class="login__icon pass svg-icon" viewBox="0 0 20 20"> 
     <path d="M0,20 20,20 20,8 0,8z M10,13 10,16z M4,8 a6,8 0 0,1 12,0" /> 
     </svg> 
     <input type="password" class="login__input pass" placeholder="Password"/> 
    </div> 
    <button type="button" class="login__submit">Sign in</button> 
    <p class="login__signup">Don't have an account? &nbsp;<a>Sign up</a></p> 
    </div> 
</div> 

JAVASCRIPT：

$(document).on("click", ".login__submit", function (e) { 

    var password = "ABCD"; 
    //this is your password input box 
    if ($('input[pass] .login__input').val() == password) { 
     if (animating) 
      return; 
     animating = true; 
     var that = this; 
     ripple($(that), e); 
     $(that).addClass("processing"); 
     setTimeout(function() { 
      $(that).addClass("success"); 
      setTimeout(function() { 
       $app.show(); 
       $app.css("top"); 
       $app.addClass("active"); 
      }, submitPhase2 - 70); 
      setTimeout(function() { 
       $login.hide(); 
       $login.addClass("inactive"); 
       animating = false; 
       $(that).removeClass("success processing"); 
      }, submitPhase2); 
     }, submitPhase1); 

    } else { 
     alert('Wrong pass!'); 
    } 

}); 

EXACT問題：

index.js常に生成

コード• 「間違ったパス」メッセージ。つまり、if ($('input[pass] .login__input').val() == password) {は決して真ではありません。なぜ私は "ABCD"を使用しても、これは決して真実ではありませんか？

ありがとうございました！

Answer 1

このセレクタが悪いためです：ここでは

$('input[pass] .login__input') 

は正しいです：

$('.login__input.pass') 

Answer 2

は

$('input[type=password]') 

または

$('.login__input.pass') 

01のいずれかを使用しますセレクタとして