Heim > Web-Frontend > js-Tutorial > jquery.validata.js Plug-in-Sammlung, alles, was Sie wollen, ist hier

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

巴扎黑
Freigeben: 2017-06-23 11:03:30
Original
1346 Leute haben es durchsucht

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>
Nach dem Login kopieren
<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>
Nach dem Login kopieren
<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>
Nach dem Login kopieren
$("#demoForm").validate({ onsubmit:false })
Nach dem Login kopieren
 <br/>
Nach dem Login kopieren
<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>
Nach dem Login kopieren
<br/>
Nach dem Login kopieren
$("#demoForm").validate({ onfocusout:false })
Nach dem Login kopieren
<br/>onkeyup:类型 Boolean,默认 true,指定是否在敲击键盘时验证。<br/>
Nach dem Login kopieren
$("#demoForm").validate({ onkeyup:false })
Nach dem Login kopieren
<br/>onclick:类型 Boolean,默认 true,指定是否在鼠标点击时验证(一般验证 checkbox、radiobox)。<br/>
Nach dem Login kopieren
$("#demoForm")
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
).validate({ onclick:false })
Nach dem Login kopieren
<br/>focusInvalid:类型 Boolean,默认 true。提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点。<br/>
Nach dem Login kopieren
$("#demoForm")
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
.validate({ focusInvalid:false })
Nach dem Login kopieren
<br/>focusCleanup:类型 Boolean,默认 false。当未通过验证的元素获得焦点时,移除错误提示(避免和 focusInvalid 一起使用)<br/>
Nach dem Login kopieren
$("#demoForm")
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
.validate({ focusCleanup:true })
Nach dem Login kopieren
<br/>errorClass:类型 String,默认 "error"。指定错误提示的 css 类名,可以自定义错误提示的样式。<br/>
Nach dem Login kopieren
$("#demoForm")
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
.validate({ errorClass:"invalid" })
Nach dem Login kopieren
<br/>errorElement:类型 String,默认 "label"。指定使用什么标签标记错误。<br/>
Nach dem Login kopieren
$(".selector").validate
   errorElement:"em"})
Nach dem Login kopieren
<br/>highlight:可以给未通过验证的元素加效果、闪烁等。<br/><br/>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage