jQuery form 表单验证 知多少？

下面介绍Jquery框架的表单验证插件jquery.form.js的应用，首先下载必需的JS文件

jquery.form.rar

jquery.rar

下面开始使用：

Form插件的简单入门

第一步：先增加一个表单

第二步：jquery.js和form.js文件的包含

// wait for the DOM to be loaded

$(document).ready(function(){

// bind 'myForm' and provide a simple callback function

$('#myForm').ajaxForm(function(){

alert("Thank you for your comment!");

});

});

3、Form插件的详细使用方法及应用实例

http://www.malsup.com/jquery/form/

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

该插件的作者在介绍form.js时，说了这样的一句话：

Submitting a form with AJAX doesn't get any easier than this!

表单插件API

英文原文：http://www.malsup.com/jquery/form/#api

表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。

ajaxForm

增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。

可链接（Chainable）：可以。

实例：

$('#myFormId').ajaxForm();

ajaxSubmit

马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。

可链接（Chainable）：可以。

实例：

// 绑定表单提交事件处理器

$('#myFormId').submit(function() {

// 提交表单

$(this).ajaxSubmit();

// 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false

return false;

});

formSerialize

将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1&name2=value2。

可链接（Chainable）：不能， 这个方法返回一个字符串。

实例：

var queryString = $('#myFormId').formSerialize();

// 现在可以使用$.get、$.post、$.ajax等来提交数据

$.post('myscript.php', queryString);

fieldSerialize

将表单的字段元素串行化（或序列化）成一个查询字符串。当只有部分表单字段需要进行串行化（或序列化）时，这个就方便了。这个方法将返回以下格式的字符串：name1=value1&name2=value2。

可链接（Chainable）：不能，这个方法返回一个字符串。

实例：

var queryString = $('#myFormId .specialFields').fieldSerialize();