みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

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>

投稿日時 - 2012-06-18 14:13:36

QNo.7540603

暇なときに回答ください

このQ&Aは役に立ちましたか?

2人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

質問文の状態で

<input type="button" name="name2" value="確認" onclick="alert(chk)">



<input type="button" name="name2" value="確認" onclick="chk()">

に変更してみては、どうでしょうか?

普通にでると思いますが。

投稿日時 - 2012-06-18 18:18:47

補足

だめなようです・・・。

投稿日時 - 2012-06-18 18:57:43

ANo.2

>ご指摘の通りに修正をするとアラートが動作をしなくなってしまいます。

ごめんなさい、方法を2種類かきましたが、
どちらの方法だとダメなんですか?

投稿日時 - 2012-06-18 15:57:52

補足

どちらもアラートが表示されなくなるみたいです。
まだelementなど扱っていないので・・・
時間をかけてゆっくりやってみます。

投稿日時 - 2012-06-18 17:35:41

ANo.1

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>

みたいにしてみるとよいでしょう。

投稿日時 - 2012-06-18 15:07:12

補足

回答ありがとうございます。
ご指摘の通りに修正をするとアラートが動作をしなくなってしまいます。
ブラウザはIE9とgoogle chromeですが環境かmeta文などの構成が良くないのでしょうか。

投稿日時 - 2012-06-18 15:53:33

あなたにオススメの質問