表單驗證插件及一些屬性的用法 validate

注:必須配合jq使用。

基本語法 例如有如下：

<form action="" method="post" id="demoForm">
			<p>
				<label name="email">email:</label>
				<input type="text" id="email" value="" name="email1"/>
			</p>
			<p>
				<label name="pasword1">password:</label>
				<input type="text" id="password1" value="" name="pass1"/>
			</p>
			<p>
				<label name="pasword2">confirm-password:</label>
				<input type="text" id="password2" value="" name="pass2"/>
			</p>
			<p>
				<input type="submit" id="btn" name="" />
			</p>
		</form>

　基本類型：

　　

$(function(){
				$("#demoForm").validate({
					rules:{
						//指定元素對應的規則
					},
					messages:{
						//如果不符合要求時要提示的信息
					},
				
				})
			})

　　屬性：

require ：true   必填  布爾類型
rangelength:[2,6]  長度范圍
equalTo  保證兩次密碼一致
email： true  布爾類型
submitHandler:function(){

         //校驗通過時可執行的東西  
}

invalidHander:function(){
         校驗通不過時可執行
}

focusInvalid  : true 布爾
提交表單后,未通過驗證的表單(第一個或提交之 前獲得焦點的未通過驗證的表單)會獲得焦點 


focusCleanup : false 默認
當未通過驗證的元素獲得焦點時,並移除錯誤提示 （避免和 focusInvalid.一起使用）

errorElement:'div'將錯誤信息放在什么地方

errorClass:'worng'  可給錯誤信息添加一個類名 通過類名可給錯誤信息修飾樣式
highlight:function(element,erroeClass){
      $(element).addClass(errorClass);
      $(element).fadeOut().fadeIn();
}
出錯時的樣式設置

minlength :  num 最小值
maxlength: num  最大值
digits:true   年齡必須為正整數
range：[]范圍
date:true  日期格式要求較寬泛
dateISO:true; 日期規范較嚴格

　　　　　　jq 表單驗證插件不僅可以在數據獲取之前在前端做首要的的判斷，還通過submintHandler:這個屬性通過ajax獲取數據

ajax獲取數據的同時結合php接口對數據進行添加至數據庫