Borang jQuery borang pengesahan parameter formDdata borang dan penyerahan selepas verification_jquery

API Form Plugin menyediakan banyak kaedah berguna yang membolehkan anda mengendalikan data dalam borang dan proses penyerahan borang dengan mudah.

Persekitaran ujian: digunakan untuk projek web dalam Tomcat.

1. Memperkenalkan dependent js

<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>

2. Fungsi panggil balik permulaan.

Mula-mula, kami memulakan borang dan memberikannya fungsi panggil balik beforeSubmit - ini ialah fungsi yang digunakan untuk pengesahan.

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

3. Peraturan pengesahan

function validate(formData, jqForm, options) { 
// formdata是数组对象,每个对象拥有名称和值.
// 数据如下面的格式：
// [ 
// { name: username , value: usernameValue }, 
// { name: password , value: passwordValue } 
// ] 
for (var i=0; i < formData.length; i++) { 
if (!formData[i].value) { 
alert('用户名,地址和自我介绍都不能为空!'); 
return false; 
} 
} 
var queryString = $.param(formData); //组装数据
//alert(queryString); //类似 ： name=1&add=2 
return true; 
}

4. Kod terperinci:

<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>
 


 Demo 5 :jQuery form插件的使用--用 formData 参数校验表单，验证后提交（简单验证）. 
 
名称：  

地址： 
 
自我介绍：  

 

Di atas ialah borang pengesahan parameter formDdata bagi pemalam borang jQuery yang dikongsi oleh editor dengan anda dan semua kandungan yang diserahkan selepas pengesahan saya harap ia akan membantu semua orang.