当前位置: 澳门新濠3559 > 服务器运维 > 正文

我们初始化这个表单

时间:2019-12-08 19:30来源:服务器运维
Form Plugin API里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。 我们初始化这个表单。测试环境:部署到Tomcat中的web项目。 一、引入依赖js 二、初始化回调

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

我们初始化这个表单。测试环境:部署到Tomcat中的web项目。

一、引入依赖js

二、初始化回调函数。

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

$.ready { $.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 < formData.length; i++) { if  { alert; return false; } } var queryString = $.param; //组装数据//alert; //类似 : name=1&add=2 return true; }

四、详细代码:

jQuery form插件的使用--用 formData 参数校验表单 $.ready { $.ajaxForm({ target: '#output1', // &#29992;&#26381;&#21153;&#22120;&#36820;&#22238;&#30340;&#25968;&#25454; &#26356;&#26032; id&#20026;output1&#30340;&#20869;&#23481;.beforeSubmit: validate // &#25552;&#20132;&#21069;&#65292;&#39564;&#35777;}); });function validate(formData, jqForm, options) { // formdata&#26159;&#25968;&#32452;&#23545;&#35937;,&#27599;&#20010;&#23545;&#35937;&#25317;&#26377;&#21517;&#31216;&#21644;&#20540;.// &#25968;&#25454;&#22914;&#19979;&#38754;&#30340;&#26684;&#24335;&#65306;// [ // { name: username , value: usernameValue }, // { name: password , value: passwordValue } // ] for (var i=0; i &lt; formData.length; i++) { if  { alert; return false; } } var queryString = $.param; //&#32452;&#35013;&#25968;&#25454;//alert; //&#31867;&#20284; &#65306; name=1&amp;add=2 return true; }  Demo 5 :jQuery form插件的使用--用 formData 参数校验表单,验证后提交. 

以上所述是小编给大家分享的jQuery form插件之formDdata参数校验表单及验证后提交的全部内容,希望对大家有所帮助。

编辑:服务器运维 本文来源:我们初始化这个表单

关键词: