Jquery——Day7（Ajax表单插件）

1、（1）表单“user.html”

<form id="reg" method="post" action="add.php">
	<p class="myerror"></p>
	账号：<input type="text" name="text" id="user" />
	密码：<input type="password" name="pass" id="pass">
	<input type="submit" value="提交" />
</form>

（2）在点击“提交”按钮后，所谓的js代码“form.js”
方法1：ajaxForm提交方式

$(function(){
	//success:function(){}
	$('#reg').ajaxForm(function(){
		alert('提交成功！');
	});
});

在上述代码中，ajaxForm自动阻止了默认提交。


方法2：submit()方法提交

$(function(){
	$('#reg').submit(function(){
		$(this).ajaxSubmit(function(){
			url:'text.php',
			target:'#box',
			type:'GET',
			dataType:null,
			//clearForm:true,    //成功提交时清空表单；
			data:{
				aaa:'bbb',
			},
			beforeSubmit(formData,jqForm,options){
				//alert(options.url);
				//alert(jqForm.html());
				//提交之前执行，一般用于验证；
				//如果数据验证不合法，就会返回false；合法返回true让提交
				return true;
			},    
			success:function(responseText,statusText){
				//alert('提交成功！');
				alert(responseText+status);
			},
			error:function(error,errorText,errorType){
				alert(errorText+errorType);
			}
		});
	});


	return false;
});

若采用submit()该方法进行提交时，需要自行设置阻止默认提交。



2、工具方法
form.js除了提供两个核心方法之外，还提供了一些常用的工具方法。
（1）表单序列化
formSerialize()
（2）序列化某一个字段fieldSerialize()
$('#reg #user').fieldValue();
（3）得到某一个value值
fieldValue()
（4）重置表单
resetForm()