表单插件API
表单插件API提供了几种方法,可以让您轻松管理表单数据和表单提交。
-
通过添加所有必要的事件侦听器来准备要通过
AJAX
提交的表单。它并
没有
提交表单。使用
ajaxForm
您的文档ready
功能来准备您的表单提交AJAX。ajaxForm
采取零或一个参数。单个参数可以是回调函数或 选项对象 。
连锁:是的。注意:您可以将任何标准
$.ajax
选项传递 给ajaxForm例:
$('#myFormId').ajaxForm();
-
立即通过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; });
-
将表单序列化为查询字符串。这个方法将返回一个字符串格式:可
name1=value1&name2=value2
链接:不,这个方法返回一个字符串。例:
var queryString = $('#myFormId').formSerialize(); // the data could now be submitted using $.get, $.post, $.ajax, etc $.post('myscript.php', queryString);
-
将字段元素序列化为查询字符串。当你只需要序列化表单的一部分时,这是很方便的。这个方法将返回一个字符串格式:可
name1=value1&name2=value2
链接:不,这个方法返回一个字符串。例:
var queryString = $('#myFormId .specialFields').fieldSerialize();
-
返回数组中匹配集合中元素的值。从版本.91开始,这个方法
总是
返回一个数组。如果没有有效的值可以确定数组将是空的,否则将包含一个或多个值。
可链接:不,这个方法返回一个数组。例:
// get the value of the password input var value = $('#myFormId :password').fieldValue(); alert('The password is: ' + value[0]);
-
通过调用表单元素的本地
DOM
方法将表单重置为其原始状态 。
连锁:是的。例:
$('#myFormId').resetForm();
-
清除表单元素。此方法清空所有文本输入,密码输入和textarea元素,清除所有选择元素中的选择,并取消选中所有广播和复选框输入。
连锁:是的。$('#myFormId').clearForm();
-
清除字段元素。当你只需要清除表格的一部分时,这很方便。
连锁:是的。$('#myFormId .specialFields').clearFields();
ajaxForm
ajaxSubmit
formSerialize
fieldSerialize
fieldValue
resetForm
clearForm
clearFields