注:必須配合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