2017-02-01 7 views
1

私はログインボックスで非常にシンプルな(安全である必要はありません)ページを作成しようとしています。jQueryパスワードのログインフォーム

ユーザーがパスワードを入力すると、ボタンを特定のURLに移動します。パスワードが間違っていると、警告が表示されます。

これまでのコードです。

$(document).ready(function() { 
 
    $('.login').click(function() { 
 
    if ($('input:password').val() == "hello") { 
 
     alert('Right Password!'); 
 
    else 
 
     alert('Wrong Password!'); 
 
    } 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="password" id="password" /> 
 
    <input type="button" class="login" value="Continue" /> 
 
</form>

私は自分のコードが何を期待するもの

場合をチェックする.loginにクリック機能を置く:パスワードは「こんにちは」に等しい、その後 URLにアクセスしてください(テスト目的のアラートを使用)またはelse:アラートメッセージ。

問題私は以下を持っています: ボタンに対する現在の回答はまったくありません。フィールドに記入してからEnterキーを押すと、ページがリロードされます。私は私のユーザーがEnterキーでボタンをトリガーできるようにしたい、これは可能ですか?

私は私の体を終わらせ、私の頭の中でライブラリを呼び出す前にスクリプトを読み込んでいます。

+0

を単に一般的なものとして、私はお勧めしますon( 'submit'、function(e){...})を使用して、 '' type = "button" 'の代わりに' '

答えて

関連する問題