1、(1)表单“user.html”
在上述代码中,ajaxForm自动阻止了默认提交。
方法2:submit()方法提交
若采用submit()该方法进行提交时,需要自行设置阻止默认提交。
2、工具方法
form.js除了提供两个核心方法之外,还提供了一些常用的工具方法。
(1)表单序列化
formSerialize()
(2)序列化某一个字段fieldSerialize()
$('#reg #user').fieldValue();
(3)得到某一个value值
fieldValue()
(4)重置表单
resetForm()
<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()