jquery.validata.js Plug-in-Sammlung, alles, was Sie wollen, ist hier

In Kombination mit dem oben Gesagten werde ich heute über die Verwendung von Validierung schreiben.

validate() validiert das ausgewählte Formular.

Validate-Methode gibt ein Validator-Objekt zurück. Das Validator-Objekt verfügt über viele Methoden, mit denen Validatoren ausgelöst oder der Inhalt des Formulars geändert werden können.

Optionen für „validate()“:

submitHandler: Eine Funktion, die nach bestandener Überprüfung ausgeführt wird. Die Formularübermittlungsfunktion muss hinzugefügt werden, andernfalls wird das Formular nicht übermittelt.

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

Das obige ist der detaillierte Inhalt vonjquery.validata.js Plug-in-Sammlung, alles, was Sie wollen, ist hier. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!