jquery插件 ajaxForm文档

来源:互联网 发布:网络数字用语1 编辑:程序博客网 时间:2024/06/06 06:23


表单插件API

表单插件API提供了几种方法,可以让您轻松管理表单数据和表单提交。
ajaxForm
通过添加所有必要的事件侦听器来准备要通过AJAX提交的表单它并没有提交表单。使用ajaxForm您的文档ready功能来准备您的表单提交AJAX。 ajaxForm采取零或一个参数。单个参数可以是回调函数或选项对象
连锁:是的。

注意:您可以将任何标准$.ajax选项传递 给ajaxForm

例:

$('#myFormId').ajaxForm();
ajaxSubmit
立即通过AJAX提交表单。在最常见的用例中,这是为了响应用户单击表单上的提交按钮而调用的。 ajaxSubmit采取零或一个参数。单个参数可以是回调函数或选项对象
连锁:是的。

注意:您可以将任何标准 $.ajax选项传递给ajaxSubmit

例:

// attach handler to form's submit event $('#myFormId').submit(function() {     // submit the form     $(this).ajaxSubmit();     // return false to prevent normal browser submit and page navigation     return false; });
formSerialize
将表单序列化为查询字符串。这个方法将返回一个字符串格式:可 name1=value1&name2=value2
链接:不,这个方法返回一个字符串。

例:

var queryString = $('#myFormId').formSerialize();  // the data could now be submitted using $.get, $.post, $.ajax, etc $.post('myscript.php', queryString);         
fieldSerialize
将字段元素序列化为查询字符串。当你只需要序列化表单的一部分时,这是很方便的。这个方法将返回一个字符串格式:可 name1=value1&name2=value2
链接:不,这个方法返回一个字符串。

例:

var queryString = $('#myFormId .specialFields').fieldSerialize();
fieldValue
返回数组中匹配集合中元素的值。从版本.91开始,这个方法总是返回一个数组。如果没有有效的值可以确定数组将是空的,否则将包含一个或多个值。
可链接:不,这个方法返回一个数组。

例:

// get the value of the password input var value = $('#myFormId :password').fieldValue(); alert('The password is: ' + value[0]); 
resetForm
通过调用表单元素的本地DOM方法将表单重置为其原始状态 
连锁:是的。

例:

$('#myFormId').resetForm();
clearForm
清除表单元素。此方法清空所有文本输入,密码输入和textarea元素,清除所有选择元素中的选择,并取消选中所有广播和复选框输入。
连锁:是的。
$('#myFormId').clearForm();
clearFields
清除字段元素。当你只需要清除表格的一部分时,这很方便。
连锁:是的。
$('#myFormId .specialFields').clearFields();
原创粉丝点击