2023年6月21日发(作者：)
jQueryform插件之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 < ; i++) {
if (!formData[i].value) {
alert('⽤户名,地址和⾃我介绍都不能为空!');
return false;
}
}
var queryString = $.param(formData); //组装数据//alert(queryString); //类似 ： name=1&add=2
return true;
}四、详细代码：
Demo 5 :jQuery form插件的使⽤--⽤ formData 参数校验表单，验证后提交（简单验证）.
以上所述是⼩编给⼤家分享的jQuery form插件之formDdata参数校验表单及验证后提交的全部内容，希望对⼤家有所帮助。2023年6月21日发(作者：)
jQueryform插件之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 < ; i++) {
if (!formData[i].value) {
alert('⽤户名,地址和⾃我介绍都不能为空!');
return false;
}
}
var queryString = $.param(formData); //组装数据//alert(queryString); //类似 ： name=1&add=2
return true;
}四、详细代码：
发布评论