テキストボックスを使用してJavaScriptの新しいページを開く方法

Question

自分のウェブサイトにコードを入力する必要がある私用のページを作成しようとしていますが、スクリプトが機能していません。私はそれを作るようにしているので、コードを入力すると新しいページに入ります。間違って入力すると「間違っています」と表示されます。私はこのスクリプトを試しましたが、何かが動いていません。

\t \t var Username = document.forms['Form']['Username'].value; 
 
\t \t \t 
 
\t \t function openPage(){ 
 
\t \t \t if((Username === "Design Castle Private")||(Password === "test")) 
 
\t \t \t { 
 
\t \t \t \t window.location.href = "http://design-castle.co.nf/PrivateSubmitted.html"; 
 
\t \t \t } 
 
\t \t \t else{ 
 
\t \t \t \t alert('Information Incorrect!') 
 
\t \t \t } 
 
\t \t }

\t \t <form method="post" name="Form" onsubmit="return openPage()"> 
 
\t \t \t <h4>Company Code:</h4><input type="text" id="Username"> 
 
\t \t \t <input type="submit" value="submit"> 
 
\t \t </form>

Answer 1

私はこれが（この時期JS平野に）助けを願っています。それはあなたに望ましい動作を与えるはずですが、他の投稿が述べたように、それは非常に危険です。私はフォームからメソッドを削除し、あなたの入力要素にidを入れました。パスワード入力要素があるとすぐに、これを前と同じように条件文に入れることもできますが、やはり理想的ではありません。やってみて！ :)

<form name="Form" onsubmit="openPage(event)"> 
    <h4>Company Code:</h4> 
    <input type="text" id="username" value=""> 
    <input type="submit" value="submit"> 
</form> 

function openPage(event){ 
    var username = document.getElementById('username').value; 

    if(username === "Design Castle Private"){ 
     event.preventDefault(); 
     window.location.href = "http://design-castle.co.nf/PrivateSubmitted.html"; 
     } else{ 
      alert('Information Incorrect!'); 
     } 
    }