jQueryのEasyUIフォームプラグイン - フォームフォーム

使用法

単純なHTMLフォームを作成します。 フォームを作成し、ID、アクション、メソッドの割り当てを与えます。

<フォームID = "FF"メソッド= "ポスト">
    <DIV>
		<= "名前"のラベル>名前：</ label>は
		<入力クラス= "easyui-validatebox"タイプ= "text"の名= "名前"データ・オプション= "必要な：真の" />
    </ DIV>
    <DIV>
		<= "電子メール"のラベル> Eメール：</ label>は
		<入力クラス= "easyui-validatebox"タイプ= "text"の名= "メール"データ・オプション= "validType： 'メール'" />
    </ DIV>
    ...
</フォーム>

フォーム（フォーム）はAJAXフォーム送信（フォーム）になろう

$（ '＃F-F'）。フォーム（{
    URL：...、
    onSubmit：関数（）{
		//いくつかのチェックを行います
		//提出防ぐためにfalseを返します。
    }、
    成功：関数（データ）{
		アラート（データ）
    }
}）;
//フォームを送信
。$（ '＃FFは'））（提出します。

送信アクションを行います

//フォームを送信する[送信]フォームプラグインのメソッドを呼び出します
$（ '＃F-F'）。フォーム（ '提出'、{
    URL：...、
    onSubmit：関数（）{
		//いくつかのチェックを行います
		//提出防ぐためにfalseを返します。
    }、
    成功：関数（データ）{
		アラート（データ）
    }
}）;

追加のパラメータを提出することにより

$（ '＃F-F'）。フォーム（ '提出'、{
    URL：...、
    onSubmit：機能（パラメータ）{
		param.p1 = '値1';
		param.p2 = 'value2の';
    }
}）;

レスポンス処理を提出

Ajaxのフォーム（フォーム）を提出することは非常に簡単です。 完成したユーザーを提出するときは、応答データを得ることができます。 応答データはサーバからの生データであることに注意してください。 正しいデータを要求する応答アクションのための分析データ。

たとえば、次のように応答はJSONデータ形式であることを前提とし、典型的な応答データは、次のとおりです。

{
    "成功"：trueの場合、
    "メッセージ"： "メッセージが正常に送信さ。」
}

今JSON文字列「成功」のコールバック関数を処理します。

$（ '＃F-F'）。フォーム（ '提出'、{
    成功：関数（データ）{
		VARデータ=のeval（ '（' +データ+ '）'）; // javascriptオブジェクトにJSON文字列を変更
		{（data.success）の場合
			アラート（data.message）
		}
    }
}）;

プロパティ

イベント

ウェイ

$.messager.progress();	// display the progress bar
$('#ff').form('submit', {
	url: ...,
	onSubmit: function(){
		var isValid = $(this).form('validate');
		if (!isValid){
			$.messager.progress('close');	// hide progress bar while the form is invalid
		}
		return isValid;	// return false will stop the form submission
	},
	success: function(){
		$.messager.progress('close');	// hide progress bar while submit successfully
	}
});

$('#ff').form('load','get_data.php');	// load from URL

$('#ff').form('load',{
	name:'name2',
	email:'[email protected]',
	subject:'subject2',
	message:'message2',
	language:5
});