jQueryを使った偽のLogInページ

Question

私はjQueryを使って偽のログインページを作成しようとしています - 純粋にテスト/テン​​プレートの提示のためです。

何をすべきフォーム（.jsファイルのコードで詳細を参照してください）：

正しいメール：admin@admin.com /パス：管理者

• チェックを#username &＃の値パスワードが.jsの値と一致しない場合
• 両方の値がtrueの場合はtrueを返し、home.htmlの場合は
• 有効なアラートが有効でない場合はエラーメッセージを表示し、エラーメッセージを表示します。
0常にjsfiddle http://jsfiddle.net/MrTest/ZYZPY/モーメント形で

HTML

<form class="loginbox" autocomplete="off"> 
    <fieldset> 
     <p style="display: none;" class="error">Error. Please enter correct email &amp; password.</p> 
     <label for="username">E-mail</label> 
     <input type="text" id="username" /> 
     <label for="username">Password</label> 
     <input type="password" id="password" /> 
     <input type="submit" id="submit" value="LOG IN" /> 
    </fieldset> 
</form> 

jQueryの

$(document).ready(function() { 
    $('#username').focus(); 

    $('#submit').click(function() { 

     event.preventDefault(); // prevent PageReLoad 
     $('.error').css('display', 'none'); // hide error msg 

     var ValEmail = $('#username').val('admin@admin.com'); // Email Value 
     var ValPassword = $('#password').val('admin'); // Password Value 

     if (ValEmail === true & ValPassword === true) { // if ValEmail & ValPass are as above 
      alert('valid!'); // alert valid! 
      window.location = "home.html"; // go to home.html 
     } 
     else { 
      alert('not valid!'); // alert not valid! 
      $('.error').css('display', 'block'); // show error msg 
     } 
    }); 
}); 

で

コードreturn else = false - なぜ？

ご協力いただきありがとうございます。
ピート

---

の作業例：http://jsfiddle.net/MrTest/ZYZPY/12/

Answer 1

if (ValEmail === true & ValPassword === true) { 

ではなく&
そしてvalの&&である必要がありますが、入力の値を取得するために使用され、あなたがすべき：

var ValidEmail = $('#username').val() === 'admin@admin.com'; // Email validate 
var ValidPassword = $('#password').val() === 'admin'; // Password validate 

if (ValidEmail === true && ValidPassword === true) { // if ValidEmail & ValidPassword 

作業フィドル：

を述べたように、PARAMとvalがまた、私はイベントが定義されていない参照& &オペレータの代わりに、&も値

var ValEmail = $('#username').val()=='admin@admin.com'; 
var ValPassword = $('#password').val()=='admin'; 

をhttp://jsfiddle.net/DTGt9/

Answer 2

使用何かのように設定しますか。？

Answer 3

イベントが定義されていません。

クリックイベントの方法で渡す必要があります。

例：

$('#submit').click(function(event) { 
    event.preventDefault(); });