formについてFirefoxで動作させたい

質問

IEとGoogle Chromeでは動作が正常に確認できました。
Firefoxでも正常に動作するようにしたいのですが、何処を直せば良いのでしょうか？

クリックしてもボタンが動いてないようなのですが・・・・。
すみません、どなた様かご存知でしたら、どうぞよろしくお願い致します。

<script type="text/javascript">
function PassChack(){
var passWord = passF.pass.value;

if(passWord ==""){
alert("パスワードが未入力です");
return false;
}else if(passWord == "aaa"){
location.href = "aaa.html";
}else{
alert("パスワードが間違っています");
}
}
</script>

<form method="post" id="passF">
　　<input type="text" name="pass" id="pass" size="30" value="" /><input type="button" value=" 実行 " onclick="PassChack();return false;" />
</form>

回答No.1

notnot · ベストアンサー

var passWord = passF.pass.value;
を
var passWord = document.getElementById("pass").value;

お礼

ありがとうございます！

補足

どちらを選ぶか迷ったのですが、ＮＯ2だと、正確なパスワードを入力してもリンク先に飛ばなかったので、こちらをベストアンサーに選びました。

notnot様、yambejp様、回答本当にありがとうございました。大変助かりました！

回答No.3

yambejp

＞なぜ、Firefoxだと動かないのでしょうか。
＞何が悪くて、動作しなくなるんでしょうか？

＞＞var passWord = passF.pass.value;

という宣言は、昔のブラウザは「passF」という名前(もしくはid)のオブジェクト
をご丁寧に探しに行ってくれたのですが、そんな不正確であいまいな情報をもとに
データにアクセスするのは危険です
最近のトレンドは#1のようなidを振ってgetElementById(所定のID)とすることです
もしくは#2のオブジェクトを順を追って参照することです。
IEでうごくのは「たまたま」だと思ってください

お礼

お礼が遅くなりました。申しわけございません。

なるほど!大変分かりやすいです（笑）こんなろころでも時代はかわるんですね～。
もっと勉強しなくてはなりませんね。

本当にありがとうございました！大変勉強になりました！！

回答No.2

yambejp

formをオブジェクトで渡してやるのが手っ取り早い

<script>
function PassCheck(f){
var passWord = f.elements["pass"].value;
if(passWord ===""){
alert("パスワードが未入力です");
return false;
}else if(passWord === "aaa"){
location.href = "aaa.html";
}else{
alert("パスワードが間違っています");
}
}
</script>

<form method="post">
<input type="text" name="pass" size="30" value="">
<input type="button" value=" 実行 " onclick="PassCheck(this.form);">
</form>

お礼

ありがとうございました！！大変助かりました！

補足

なぜ、Firefoxだと動かないのでしょうか。
何が悪くて、動作しなくなるんでしょうか？

さらに質問して申し訳ございませんが、
原因もお分かりになりますでしょうか？