人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【JavaScript、HTML】パスワードのテキストボックスがボタンクリックでしか認証しない

[ パスワード ][認証] と入力した時に、認証ボタンを押さないと該当のページに飛びません
僕がやりたいことは[認証]を押すのと、テキストボックスでエンターを押すのと両方で認証するコードです

<JavaScriptのやつ>
function matchPass() {
var inpass = document.forms[ "pass" ].elements[ "inpass" ].value;
if( inpass == "うんこ"){location.href = "URL";}
else if( inpass == "うんち"){ location.href = "URL";}
else if( inpass == "うんにょ"){ location.href = "URL";}
else{alert( "パスワードが違います" );}
}

<HTMLのやつ>

<form name = "pass">
<div>
<input type = "text" value = "" name = "inpass">
<input type = "button" value = " 認証 " onclick="matchPass()">
</div>
</form>

このコードだと[認証]ボタンをオンクリックする以外(ENTERキーを押してもURLが書き換わるだけ)では認証してくれません
このコードにエンターキーでも認証ボタン同様の動作をするように書き加えたいのですが
サイトからコピーするマンなのでできません
皆さんのお力を貸して頂けませんか

パスワード自体は遊びのようなものなので脆弱性等の話題は控えていただけると早期解決に助かります。


●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● 匿名回答2号
<input type = "submit" value = " 認証 " onclick="matchPass()">

匿名質問者さんのコメント
それだと「URL?inpass=入力した内容」となってページに飛びませんでした エンターキー、オンクリック共に同じ動作をします 質問で言うtype="button"のパターンだと オンクリックでURLに飛びますがエンターキーだと同様に「URL?inpass=入力した内容」となって飛びませんでした

2 ● 匿名回答2号

もうなんか色々丸見えだしこれでいいんじゃないの?

<input type="text" placeholder="パスフレーズを入力" pattern="うんこ|うんち|うんにょ">

3 ● 匿名回答3号
ベストアンサー
<form name = "pass" onsubmit="return matchPass()">
else{alert( "パスワードが違います" );}
return false;

匿名質問者さんのコメント
ありがとうございます!! これでできました
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ