這幾天一直在接觸驗證方面的工作,jquery validate是乙個比較常用的驗證外掛程式,說一下心得吧。
效果圖類似
說乙個簡單的,現在需求是模板編號只能是正整數數字。
控制項**如下:
模板編號:*
接下來就是使用jquery了,第一步肯定是匯入js庫了,這個不用說,第二步開始寫js
解釋一下吧,首先jquery.validator.addmethod(function,string)裡寫的是自定義的驗證方法和輸出的資訊;
然後if($("#value"))是乙個聚焦的判斷;
$("#inputform").validate()裡面就是寫規則神馬的了,inputform值要驗證的表單id,rules是要使用的規則,messages是輸出的資訊,submithandler是提交的時候要做什麼,errorplacement是錯誤資訊放置的地方
效果圖:
但是僅僅斯這樣肯定是不夠的,編號一般都是唯一的,所以在使用者填寫完後,還需要查重。
rules : /portal/portemplate/checkvalue",//後台處理程式
type: "post", //資料傳送方式
datatype: "json", //接受資料格式
data: }}
}},messages :
}
這裡使用了remote,呼叫url處的檢驗方法,同時把date傳進去,返回false的時候會提示messages裡面remote的資訊。
查重部分如下:
public string checkmobile(string value, model model,
redirectattributes redirectattributes) else
}這部分看具體情況吧,就是在資料庫裡面做個查詢。
效果圖如下:
jquery validate還有很多自帶的驗證方法,可以去學習瀏覽
jquery validate 校驗心得
1.rule 裡面的設定的各個項是以name 做為關鍵字,莫以id做為唯一值。謹記 2.jquery.validator.format 的使用列子 button click function this is alert str str jquery.validator.format str,worl...
jQuery Validate 觸發機制
lang en charset utf 8 titletitle src jquery 1.11.2.js script src jquery.validate.min.js script document ready function 15 0 9 18 0 9 d test value 請正確填...
jQuery validate驗證方法
1 required true 必輸字段 2 remote remote valid.jsp 使用ajax方法呼叫remote valid.jsp驗證輸入值 3 email true 必須輸入正確格式的電子郵件 4 url true 必須輸入正確格式的 5 date true 必須輸入正確格式的日期...