当前位置: 首页 > 工具软件 > Ajax Form > 使用案例 >

jquery插件 ajaxForm文档

戚衡
2023-12-01


表单插件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();
 类似资料: