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

<form name="test1" method="get" onSubmit="return check_form(this);">
<div class="test_list">
<input type="submit" value="テスト"></input>
</div>
</form>

という内容のHTMLをjavascript側で
innerHTMLしております。

そうした場合に、javascript側で以下のように
function check_form(this_form){
alert(1111);
return false;
}

という風にしているのですが
上手く、動いてくれません。

どうしたらよろしいでしょうか?
innerHTMLはonSubmitの挙動が無効にになるんですかね?

●質問者: hopefully
●カテゴリ:就職・転職 ウェブ制作
✍キーワード:HTML JavaScript
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● clownboy-zuzu
●60ポイント

普通にonSubmitに反応してくれますよ?

Firefox3.5、Google Chrome4.0、IE7にて動作確認。

うまくcheck_form関数を呼べてない(というか宣言できていない?)みたいなので、ひとまずJavascriptデバッガでエラーが出てないか確認してみてはどうでしょう?

それとコメ欄でも言われていますが、せめて使用ブラウザとOS、”動いていない”の正確な意味(エラーが出た、check_form関数のalertが出来ない等々)など最低限のことは書くべきかと。

以下、サンプルコードです。

<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
<body>
<h1>Test</h1>
<span id="test_span"></span>
<script type="text/javascript">
function check_form(this_form) {
alert(1111);
return false;
}

var FormGen = document.getElementById("test_span");
FormGen.innerHTML = ' <form name="test1" method="get" onSubmit="return check_form(this);">\
<div class="test_list">\
<input type="submit" value="テスト"></input>\
</div>\
</form>';
</script>
</body>
</html>
関連質問


●質問をもっと探す●



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