jQuery Validate外掛程式使用

2021-07-11 07:49:19 字數 1193 閱讀 7611

這幾天一直在接觸驗證方面的工作,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 必須輸入正確格式的日期...