jQuery form插件之formDdata参数校验表单及验证后提交

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。

测试环境：部署到Tomcat中的web项目。

一、引入依赖js

二、初始化回调函数。

首先，我们初始化这个表单，给它一个 beforeSubmit 回调函数 – 这是一个用来校验的函数。

$(document).ready(function() {
$(#myForm).ajaxForm({
target:#output1, // 用服务器返回的数据 更新 id为output1的内容.
beforeSubmit: validate // 提交前，验证
});
});

三、校验规则

function validate(formData, jqForm, options) {
// formdata是数组对象,每个对象拥有名称和值.
// 数据如下面的格式：
// [
// { name: username , value: usernameValue },
// { name: password , value: passwordValue }
// ]
for (var i=0; i