![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
<form name="ok">
<input type="text" size="20" name="pass"><input type="button" value="検索" onclick="location.href='http://*アドレス*/'+document.ok.pass.value+'.html';">
</form>
このフォームをつかってパスワード認証を使っているのですが、マウスをつかって「ok」ボタンをクリックしたときは正常に動作するにもかかわらず、入力後エンターで認証しようとすると、アドレスに”http://*アドレス*/?pass=入力した内容”と表示されてページに飛ぶことができません。都合上エンターでも正常に動作するように改善したいのですが、どのようにしたらいいでしょうか?
ご存知の方、教えてください。よろしくお願いします。
No.4ベストアンサー
- 回答日時:
#3のお礼欄に書いていただいたソースをコピーしてテストしましたが、やはり問題なしでした。
出ているエラーはjavascriptのものですね。
考えられることとして、同じHTML上に同じ名前のフォームは存在してないでしょうか?
例えば#3のソースの後ろに、
<form name="ok"></form>
と書き足すだけで同じエラーが発生します。
今までトライ&エラーで色々やってきたので、#1さんや#2のソースがそのまま同一HTML上に残っているような気がするんですが、それだとエラーになります。
一度、新規HTMLを作成し、#3のソースのみをコピーして試してみてください。
試行錯誤を繰り返してようやく原因がわかりました。同じHTML上にはいくら探しても同じ名前のフォームはなかったのですが、オフラインでやってうまくいくのにオンラインでいかないのはどういうことかと思ったところ、SSIを使って呼び出していた別のHTMLで同じ名前のフォームを使っていました。;
名前を別の名前に変更して、無事解決しました。度々ありがとうございました。
No.3
- 回答日時:
#2です。
できなかったということなので、もう一度私の環境(IE6.0)で実験してみましたが、「aaa」という文字でEnterまたはボタンを押すと、http://*アドレス*/aaa.htmlに移動できましたよ。
もう一度、#2のコードの<form>~</form>を全てコピーして試してみてください。
<form>のactionがonSubmitになっていると、pass=***となってしまいます。
まっさらに直して再びコピーアンドペーストしてみましたが、やはりダメでした。環境はIE6.0です。javascriptのエラーでしょうか、「'document.ok.pass.value'はNULLまたはオブジェクトではありません」と表示されてしまいます。;
検索のためのテキストボックスの前後はこんなふうにテーブルで囲んであるのですが、何か関係はあるのでしょうか?
<table border="0" cellpadding="0" cellspacing="0" width="160">
<tr>
<td>
<form name="ok" action="javascript:location.href='http://*アドレス*/'+document.ok.pass.value+'.html'; ">
<input type="text" size="20" name="pass">
<input type="submit" value="検索">
</form>
</td>
</tr>
</table>
No.2
- 回答日時:
<form name="ok" action="javascript:location.href='
http://*アドレス*/'+document.ok.pass.value+'.html'; "><input type="text" size="20" name="pass">
<input type="submit" value="検索">
</form>
-----------------
これでどうでしょうか?
回答ありがとうございました。
こちらもやってみたのですが、エンターキー同様マウスでも作動しなくなってしまいました。(^^;
?pass=***の表示になってしまいます。;
No.1
- 回答日時:
こんばんわぁ、Blackwinglsです。
form を使っているので、onSubmit されたら、 POST か GET されちゃうんでしょうね。
あまりカッコとくないですが、
<form name="ok" onSubmit="location.href='http://*アドレス*/'+document.ok.pass.value+'.html';">
とされてみては如何ですか?
ではでは~☆ミ
回答ありがとうございました。
早速やってみたのですが、どういう風にそのタグをつかっていいのかよくわかりませんでした。(^^;
そのまま貼り付けても何も表示されませんし、前のタグのonclickをonSubmitに変えても何も起きませんでした。この場合だとテキストボックスはどこへいってしまうのでしょう??
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP php ログイン 1 2022/11/01 00:24
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- PHP 重複を防ぐ記述について教えて下さい。 3 2023/04/03 14:35
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
submitした値を返したい
-
ENTERキーを無効にしたいのです...
-
foreachの中で、リンクをPOST送...
-
Javascript IEで「識別子があり...
-
リンク先アドレスの一部にテキ...
-
JavascriptからSubmitして画面...
-
フォームが空欄の時にフォーム...
-
別窓ウィンドウから親ウィンド...
-
ブログのタグ挿入の入力支援
-
どうしてもうまく動作しません!!
-
「利用規約の同意」複数のチェ...
-
Java Scriptでホームページにパ...
-
inputのvalueを変数として使うには
-
1つのform内に2つのsubmitボタ...
-
1つのformで複数のactionをボタ...
-
[javaScript] form action
-
同意チェックボックスはひとつ...
-
submitボタン押下後、disabled...
-
プルダウン 項目が多いので先頭...
-
onchangeイベントを強制的に発...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでASPにデータを渡す
-
1つのform内に2つのsubmitボタ...
-
iframe内のformをサブミットす...
-
複数のフォームを一括で自動送...
-
submitした値を返したい
-
FormのonsubmitでJavaスクリプ...
-
1つのページにformを2つ設置。2...
-
フォームが空欄の時にフォーム...
-
指定したタグを書き換えるには?
-
別ウィンドウへのsubmitの挙動...
-
テキストボックスに任意のURLを...
-
focus()が上手くいかない
-
submitボタン押下後、disabled...
-
javascript による POST 送信時...
-
同意チェックボックスはひとつ...
-
onclickでリストボックスを複数...
-
this.formがundefined
-
POST時に要素を削除してからPOST
-
添付ファイルの未選択チェック方法
-
1つのformで複数のactionをボタ...
おすすめ情報