[Quiz!] JavaScriptでの定型HTMLの操作

質問

こんばんは。

Javaで出力されたHTML。これがxxx.jsを読み込み、実行していました。Javaで出力されたHTMLはいじることができません。しかし、入力フォームチェック機能を搭載したい。そこでxxx.jsを編集することを考えついたのですが、xxx.jsだけをいじって、入力フォームチェック機能を搭載することは可能でしょうか？
xxx.js内で、固定HTMLの<input>タグの部分に、onchange()と同等のことができればできるのですが。

※入力フォームのチェック自体は理解しております。

以上、よろしくお願いいたします。

回答No.1

BLUEPIXY · ベストアンサー

だいたい、こんな感じでできると思います。
onchangeイベントは、フォーカスを失った時に起動するので、onkeypressの方がいいかもしれません。その場合は、エンターでチェックするといいかも
window.onload=SetOnload;
function SetOnload(){
document.forms[0].elements[0].onchange=check;
}
function check(){
if(isNaN(document.forms[0].elements[0].value)){
alert("数字じゃないです");
}
}

お礼

ご回答ありがとうございます！

document.forms[0].elements[0].onchange
というイベントオブジェクト(?)に関数を代入できるのですね！
１発解決です！どうもありがとうございました。

※あまりいいソースではないですが、他の方の参考用にIE6で動作確認済みのスクリプト全文を掲載させてもらいます。
--

<script>
window.onload=SetOnload;
function SetOnload(){
document.forms[0].elements[0].onchange=check;
}
function check(){
if(isNaN(document.forms[0].elements[0].value)){
alert("数字じゃないです");
}
}
</script>

<form>
<p><input type="text" name="T1" size="20"><input type="submit" value="送信" name="B1"><input type="reset" value="リセット" name="B2"></p>
</form>