- 締切済み
formとalert
javascript初心者です。 formを使ってテキストボックスに入力された文字をalertを使って表示させたいのですが、functionの中の記述がよくわかりません。 formを使った参考資料も見つからず質問するに至りました。 教えていただければと思います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>練習</title> <script type="text/javascript"> </script> </head> <body> <form name="a">文字を入力: <input type="text"size="20" name="name1" ><br> <input type="button" name="name2" value="確認" onclick="alert(chk)"> </form> <script type="text/javascript"> function chk(){ var n=document.a.name1.value; alert(n); } </script> </body> </html>
- gatangoton999
- お礼率27% (3/11)
- JavaScript
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- kamepanman
- ベストアンサー率43% (19/44)
質問文の状態で <input type="button" name="name2" value="確認" onclick="alert(chk)"> を <input type="button" name="name2" value="確認" onclick="chk()"> に変更してみては、どうでしょうか？ 普通にでると思いますが。
- yambejp
- ベストアンサー率51% (3827/7415)
>ご指摘の通りに修正をするとアラートが動作をしなくなってしまいます。 ごめんなさい、方法を２種類かきましたが、 どちらの方法だとダメなんですか？
補足
どちらもアラートが表示されなくなるみたいです。 まだelementなど扱っていないので・・・ 時間をかけてゆっくりやってみます。
- yambejp
- ベストアンサー率51% (3827/7415)
formに名前をつけて管理をするのはできればやめた方がいい 必ずしもユニークにアクセスできないしブラウザによっては誤動作の元 オブジェクトで渡してやったり、idで指定する方がよい またalertでchkを呼んでおきながら、chkの中にさらにalertというのは 道理がおかしい <script> function chk(f){ var n=f.elements["name1"].value; alert(n); } </script> <form> <p>文字を入力: <input type="text"size="20" name="name1" ><br> <input type="button" name="name2" value="確認" onclick="chk(this.form)"> </form> とか <script> function chk(){ var n=document.getElementById("a").elements["name1"].value; return n; } </script> <form id="a"> <p>文字を入力: <input type="text"size="20" name="name1" ><br> <input type="button" name="name2" value="確認" onclick="alert(chk())"> </form> みたいにしてみるとよいでしょう。
補足
回答ありがとうございます。 ご指摘の通りに修正をするとアラートが動作をしなくなってしまいます。 ブラウザはIE9とgoogle chromeですが環境かmeta文などの構成が良くないのでしょうか。
補足
だめなようです・・・。