使用$.fn.form.defaults重写默认值对象

form提供了各种方法来操作执行表单字段，比如：ajax提交, load, clear等等。当提交表单的时候可以调用validate方法检查表单是否有效。

用法

创建一个简单的HTML表单。构建一个包含id、action和method值的表单元素。

<form id="ff" method="post">
<div>
<label for="name">Name:</label>
<input class="easyui-validatebox" type="text" name="name" data-options="required:true" />
</div>
<div>
<label for="email">Email:</label>
<input class="easyui-validatebox" type="text" name="email" data-options="validType:'email'" />
</div>
...
</form>

使普通表单成为ajax提交方式的表单。

$('#ff').form({
url:...,
onSubmit: function(){
// do some check
// return false to prevent submit;
},
success:function(data){
alert(data)
}
});
// submit the form
$('#ff').submit();

做一个提交操作。

// call 'submit' method of form plugin to submit the form
$('#ff').form('submit', {
url:...,
onSubmit: function(){
// do some check
// return false to prevent submit;
},
success:function(data){
alert(data)
}
});

提交额外的参数。

$('#ff').form('submit', {
url:...,
onSubmit: function(param){
param.p1 = 'value1';
param.p2 = 'value2';
}
});

处理提交响应

提交一个ajax表单是非常简单的。用户可以在提交完成后获取响应数据。注意，响应的数据是来自服务器的原始数据。A parse action to the response data is required to get the correct data.

例如，响应数据假设为JSON，一个典型的响应数据格式如下：

{
"success": true,
"message": "Message sent successfully."
}

现在在'success'回调函数中处理JSON字符串。

$('#ff').form('submit', {
success: function(data){
var data = eval('(' + data + ')'); // change the JSON string to javascript object
if (data.success){
alert(data.message)
}
}
});

属性

事件

方法

$.messager.progress();	// 显示进度条

$('#ff').form('submit', {

	url: ...,

	onSubmit: function(){

		var isValid = $(this).form('validate');

		if (!isValid){

			$.messager.progress('close');	// 如果表单是无效的则隐藏进度条

		}

		return isValid;	// 返回false终止表单提交

	},

	success: function(){

		$.messager.progress('close');	// 如果提交成功则隐藏进度条

	}

});

$('#ff').form('load','get_data.php');	// 读取表单的URL

$('#ff').form('load',{

	name:'name2',

	email:'mymail@gmail.com',

	subject:'subject2',

	message:'message2',

	language:5

});