これをJavaScriptで書く方法は？

Question

私は、Submitボタンをクリックすると、パスワード入力が12345ではない、そしてエラーメッセージが表示されますが、12345が入力された場合は、www.URL.com

Answer 1

function checkIfValid(){ 
    var yourField = document.getElementById('password').value; 
    if (yourField == "12345") { 
      window.location.href = "http://www.google.com"; 
      return true; 
     }else{ 
      alert("NOT GOOD"); 
      return false; 
     } 
    } 

：

<form name="FORMNAME" action="script.php" onSubmit="return checkIfValid()"> 
    <input name="password" id='password' type="password"/> 
    <input type="submit" value='submit'> 
</form> 

Answer 2

ボタンのクリックを検出するには、あなたがonclickを使用することができます。

document.getElementById("button").onclick = function() { 
    //code here 
}; 

そして、入力の値を取得するには、あなたが.valueを使用することができます。

var value = document.getElementById("password").value; 

それを比較するために、ifを使用そしてその 等価演算子：パスワードが間違っている場合は、alertと、「エラーメッセージ」を示すことができ

if (value == "12345") 

：

alert("wrong password"); 

とパスワードが良好であれば、ユーザーをリダイレクトするためにlocation.hrefを使用します。

location.href = "www.url.com"; 

クライアント側（つまり、ブラウザのJavaScript）のみに依存する認証コンポーネントは、まったく安全ではありません。ここで

Answer 3

は、コードされています、違いの多くはもちろん

HTML

<input type="password" id="pass" /> 
<input type="button" id="foo" value='Click me' /> 

JS

function addHandler(type, el, myFunction) { 
    if (el.addEventListener) { 
     el.addEventListener(type,myFunction,false); 
    } else (el.attachEvent) { 
     type = 'on' + type; 
     el.attachEvent(type,myFunction); 
    } 
} 
var button = document.getElementById('foo'); 

addHandler('click', button, function() { 
    var pass = document.getElementById('pass').value; 
    if (pass === '12345') { 
     window.location = 'http://url.com/';  
    } else { 
     alert('not so bad'); 
    } 
}); 

あなたが提出するボタンを変更することができますがありません。

とフィドル：http://jsfiddle.net/3PT5a/

よろしく！フォーム上

Answer 4

あなたがやっていることの100％を認識している場合は - と私はあなたではないかなり確信している - この使用：

<form action="" method="post" 
    onsubmit="if(passwd.value=='myPass')location='http://example.com/';return false"> 
<input type="password" name="passwd" /> 
<button type="submit">Submit</button> 
</form> 

のほかに：汚れていることを知っています（IDを追加してdocument.getElementById('passwd')または少なくともthis.passwdを使用するのではなくpasswd）が、1ライナーです）