2017-07-30 9 views
0

1)私はこれをテスト目的のためだけに利用しようとしています。Jquery:ボタンをクリックしたときに新しいHTMLウィンドウを開く

$(document).ready(function(){ 
    var name = 'Juan'; 
    var pass = '123456'; 
    $('#boton').click(function() { 
    if ($('#name') === name && $('#pass') === pass) { 
     windows.open('mainScreen.html'): 
    } 
    else { 
     alert("WRONG PASSWORD"); 
    } 

    }); 
}); 
+0

を私は '#のNAME'と'#のpass'を推測しているテキストボックスですか? – Musa

+0

jQueryオブジェクトを文字列と比較することはできません。 [mcve] – charlietfl

+3

を提供してください実際の要素を比較するのではなく、それらの要素の価値を比較してはいけませんか? '.val()'テスト/デバッグのために、ブラウザのコンソールを開き、 'console.log();'を使って何かの戻り値/結果値をチェックし、構文エラーを確認することをお勧めします – NewToJS

答えて

2

あなたはこのコードを使用することができます - ここで

デモ取り組んでいる:https://output.jsbin.com/qitedoq

<!doctype html> 
<html lang="en"> 
<head> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script> 
    $(document).ready(function(){ 
    var name = 'Juan'; 
    var pass = '123456';  
    $('#boton').click(function() { 
     if ($('#name').val() === name && $('#pass').val() === pass) { 
      window.open('https://www.google.com/'); 
     } else { 
      alert("WRONG PASSWORD"); 
     } 
    }); 
    }); 
    </script> 
</head> 
<body> 
<input type="text" id="name" placeholder="Username"> <br /> 
<input type="text" id="pass" placeholder="Password"> 
<button id="boton">Click Here</button> 
</body> 
</html> 
関連する問題