Maison > interface Web > js tutoriel > Collection de plug-ins jquery.validata.js, tout ce que vous voulez est ici

Collection de plug-ins jquery.validata.js, tout ce que vous voulez est ici

巴扎黑
Libérer: 2017-06-23 11:03:30
original
1342 Les gens l'ont consulté

En combinaison avec ce qui précède, j'écrirai aujourd'hui sur la façon d'utiliser validate.

validate() valide le formulaire sélectionné. La méthode

validate renvoie un objet Validator. L'objet Validator dispose de nombreuses méthodes qui peuvent être utilisées pour déclencher les validateurs ou modifier le contenu du formulaire.

Options pour validate() :

submitHandler : une fonction qui est exécutée après avoir réussi la vérification. La fonction de soumission du formulaire doit y être ajoutée, sinon le formulaire ne sera pas soumis.

<span class="pln">$<span class="pun">(<span class="str">"#demoForm"<span class="pun">).<span class="pln">validate<span class="pun">({<span class="pln">
	submitHandler<span class="pun">:<span class="kwd">function<span class="pun">(<span class="pln"><span class="pun">)<span class="pln"> <span class="pun">{<span class="pln"><span class="pun"><span class="pln"><span class="pun"><span class="pln"><span class="pun"><span class="pln">             alert(&#39;校验全部通过!&#39;)	<span class="pun">}<span class="pln"><span class="pun">})<br/><br/><span style="font-family: "Microsoft YaHei"; font-size: 16px">ignore:忽略某个元素不校验<br/><span style="font-size: 14px">ignore:&#39;#pass2&#39;//忽略某个元素不校验<br/><span style="font-size: 16px">rules:自定义规则,key:value 的形式,key 是要验证的元素,value 可以是字符串或对象。<br/></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
Copier après la connexion
<span class="pln">$<span class="pun">(<span class="str">"#demoForm"<span class="pun">).<span class="pln">validate<span class="pun">({<span class="pln">
	rules<span class="pun">:{<span class="pln">
		name<span class="pun">:<span class="str">"required"<span class="pun">,<span class="pln">
		email<span class="pun">:{<span class="pln">
			required<span class="pun">:<span class="kwd">true<span class="pun">,<span class="pln">
			email<span class="pun">:<span class="kwd">true<span class="pln"><span class="pun">}<span class="pln"><span class="pun">}<span class="pln"><span class="pun">})<br/><span style="font-family: "Microsoft YaHei"; font-size: 16px">messages:自定义的提示信息,key:value 的形式,key 是要验证的元素,value 可以是字符串或函数。<br/></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
Copier après la connexion
<span class="pln">$<span class="pun">(<span class="str">"#demoForm"<span class="pun">).<span class="pln">validate<span class="pun">({<span class="pln">
	rules<span class="pun">:{<span class="pln">
		name<span class="pun">:<span class="str">"required"<span class="pun">,<span class="pln">
		email<span class="pun">:{<span class="pln">
			required<span class="pun">:<span class="kwd">true<span class="pun">,<span class="pln">
			email<span class="pun">:<span class="kwd">true<span class="pln"><span class="pun">}<span class="pln"><span class="pun">},<span class="pln">
	messages<span class="pun">:{<span class="pln">
		name<span class="pun">:<span class="str">"Name不能为空"<span class="pun">,<span class="pln">
		email<span class="pun">:{<span class="pln">       
			required<span class="pun">:<span class="str">"E-mail不能为空"<span class="pun">,<span class="pln">
			email<span class="pun">:<span class="str">"E-mail地址不正确"<span class="pln"><span class="pun">}<span class="pln"><span class="pun">}<span class="pln"><span class="pun">})<br/><span style="font-family: "Microsoft YaHei"; font-size: 16px">OnSubmit:类型 Boolean,默认 true,指定是否提交时验证。<br/></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
Copier après la connexion
$("#demoForm").validate({ onsubmit:false })
Copier après la connexion
 <br/>
Copier après la connexion
<span class="pln"><span class="pun"><span class="str"><span class="pun"><span class="pln"><span class="pun"><span class="pln"><span class="pun"><span class="pln"><span class="pun"><span class="str"><span class="pun"><span class="pln"><span class="pun"><span class="pln"><span class="pun"><span class="kwd"><span class="pun"><span class="pln"><span class="pun"><span class="kwd"><span class="pln"><span class="pun"><span class="pln"><span class="pun"><span class="pln"><span class="pun"><span style="font-family: "Microsoft YaHei"; font-size: 16px">onfocusout:类型 Boolean,默认 true,指定是否在获取焦点时验证。</span><br/></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
Copier après la connexion
<br/>
Copier après la connexion
$("#demoForm").validate({ onfocusout:false })
Copier après la connexion
<br/>onkeyup:类型 Boolean,默认 true,指定是否在敲击键盘时验证。<br/>
Copier après la connexion
$("#demoForm").validate({ onkeyup:false })
Copier après la connexion
<br/>onclick:类型 Boolean,默认 true,指定是否在鼠标点击时验证(一般验证 checkbox、radiobox)。<br/>
Copier après la connexion
$("#demoForm")
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
).validate({ onclick:false })
Copier après la connexion
<br/>focusInvalid:类型 Boolean,默认 true。提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点。<br/>
Copier après la connexion
$("#demoForm")
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
.validate({ focusInvalid:false })
Copier après la connexion
<br/>focusCleanup:类型 Boolean,默认 false。当未通过验证的元素获得焦点时,移除错误提示(避免和 focusInvalid 一起使用)<br/>
Copier après la connexion
$("#demoForm")
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
.validate({ focusCleanup:true })
Copier après la connexion
<br/>errorClass:类型 String,默认 "error"。指定错误提示的 css 类名,可以自定义错误提示的样式。<br/>
Copier après la connexion
$("#demoForm")
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
.validate({ errorClass:"invalid" })
Copier après la connexion
<br/>errorElement:类型 String,默认 "label"。指定使用什么标签标记错误。<br/>
Copier après la connexion
$(".selector").validate
   errorElement:"em"})
Copier après la connexion
<br/>highlight:可以给未通过验证的元素加效果、闪烁等。<br/><br/>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
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