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

注:必須配合jq使用。php

基本語法 例若有以下:前端

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

 基本類型:git

  

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

  屬性:ajax

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接口對數據進行添加至數據庫post

相關文章
相關標籤/搜索