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

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>

<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>

<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>

$("#demoForm").validate({ onsubmit:false })

 <br/>

<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>

<br/>

$("#demoForm").validate({ onfocusout:false })

<br/>onkeyup：类型 Boolean，默认 true，指定是否在敲击键盘时验证。<br/>

$("#demoForm").validate({ onkeyup:false })

<br/>onclick：类型 Boolean，默认 true，指定是否在鼠标点击时验证（一般验证 checkbox、radiobox）。<br/>

$("#demoForm")

).validate({ onclick:false })

<br/>focusInvalid：类型 Boolean，默认 true。提交表单后，未通过验证的表单（第一个或提交之前获得焦点的未通过验证的表单）会获得焦点。<br/>

$("#demoForm")

.validate({ focusInvalid:false })

<br/>focusCleanup：类型 Boolean，默认 false。当未通过验证的元素获得焦点时，移除错误提示（避免和 focusInvalid 一起使用）<br/>

$("#demoForm")

.validate({ focusCleanup:true })

<br/>errorClass：类型 String，默认 "error"。指定错误提示的 css 类名，可以自定义错误提示的样式。<br/>

$("#demoForm")

.validate({ errorClass:"invalid" })

<br/>errorElement：类型 String，默认 "label"。指定使用什么标签标记错误。<br/>

$(".selector").validate
   errorElement:"em"})

<br/>highlight：可以给未通过验证的元素加效果、闪烁等。<br/><br/>

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!