Maison > interface Web > js tutoriel > Formulaire de vérification des paramètres formDdata du plug-in de formulaire jQuery et soumission après vérification_jquery

Formulaire de vérification des paramètres formDdata du plug-in de formulaire jQuery et soumission après vérification_jquery

WBOY
Libérer: 2016-05-16 15:18:32
original
1522 Les gens l'ont consulté

L'API Form Plugin fournit de nombreuses méthodes utiles qui vous permettent de gérer facilement les données du formulaire et le processus de soumission du formulaire.

Environnement de test : déployé sur un projet Web dans Tomcat.

1. Introduire les js dépendants

<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>
Copier après la connexion

2. Fonction de rappel d'initialisation.

Tout d'abord, nous initialisons le formulaire et lui donnons une fonction de rappel beforeSubmit - il s'agit d'une fonction utilisée pour la validation.

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

3. Règles de vérification

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; 
}
Copier après la connexion

4. Code détaillé :




jQuery form插件的使用--用 formData 参数校验表单

<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 参数校验表单,验证后提交(简单验证).

名称:
地址:
自我介绍:

Copier après la connexion

Ce qui précède est le formulaire de vérification des paramètres formDdata du plug-in de formulaire jQuery que l'éditeur a partagé avec vous et tout le contenu soumis après vérification. J'espère qu'il sera utile à tout le monde.

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal