Ajax JavaScript PHP Web その他

Form.serializeメソッドを使用して、Formの内容をシリアライズします。

prototype.js

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

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

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

---

2. Form.serializeメソッドに、取得したい要素のID名を渡します。

var params = Form.serialize("targetForm");

serializeString = Form.serialize( id )

serializeString	シリアライズされたFormのパラメータ
id	シリアライズするFormのID

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

[Ajax - prototype.js - Form]

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

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

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

一番最初に有効になっているエレメントを取得する 　【Form.findFirstElement】

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

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

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