Ajax JavaScript PHP Web その他

Formの中で、一番最初に有効になっているエレメントの参照を取得します。

prototype.js

使用バージョン：1.5.1　公式サイト

1. ダウンロードしたprototype.jsを読み込みます。

<script type="text/javascript"
    src="prototype.js"></script>

---

2. Form.findFirstElementメソッドを実行します。

[HTML]
<form id="targetForm">
  <input type="text" name="text1" disabled="disabled" />
  <input type="text" name="text2" />
</form>
  :
  :
[JavaScript]
// 一番最初に有効になっているエレメントを取得する
// この例の場合、test2テキストボックスの参照が返される
var firstElement = Form.findFirstElement("targetForm");

element = Form.findFirstElement( id );

element	一番最初に有効になっている項目の参照
id	FormのID

↓インラインフレーム内でサンプルが動作しています。

[Ajax - prototype.js - Form]

入力オブジェクトの値(value)を取得する 　【$F】

フォーカスを移動して値を選択する 　【Field.activate】

空欄チェックを行う 　【Field.present】

Formの内容をシリアライズする 　【Form.serialize】

一番最初に有効になっているエレメントにフォーカスす 　【Form.focusFirstElement】

Form内全ての入力項目値の変更を監視する 　【Form.EventObserver】

入力項目値の変更を監視する 　【Form.Element.EventObserver】