JQuery外掛程式之Validate校驗功能

2021-08-19 21:50:15 字數 1106 閱讀 3719

介紹:

前端校驗框架

使用方法:

1.引入js2.在form上面給乙個id的屬性3.在form中的控制項上新增校驗

4.常見的規則有如下這些

注意事項:預設提示是英文的 如果你想要用到中文的提示

如果要使用到中文 請引入乙個中文的補丁預設校驗規則

| 序號 | 規則 | 描述

| 1 | required:true | 必須輸入的字段。

| 2 | remote:"check.php" | 使用 ajax 方法呼叫 check.php 驗證輸入值。

| 3 | email:true | 必須輸入正確格式的電子郵件。

| 4 | url:true | 必須輸入正確格式的**。

| 5 | date:true | 必須輸入正確格式的日期。日期校驗 ie6 出錯,慎用。

| 6 | dateiso:true | 必須輸入正確格式的日期(iso),例如:2009-06-23,1998/01/22。只驗證格式,不驗證有效性。

| 7 | number:true | 必須輸入合法的數字(負數,小數)。

| 8 | digits:true | 必須輸入整數。

| 9 | creditcard: | 必須輸入合法的信用卡號。

| 10 | equalto:"#field" | 輸入值必須和 #field 相同。

| 11 | accept: | 輸入擁有合法字尾名的字串(上傳檔案的字尾)。

| 12 | maxlength:5 | 輸入長度最多是 5 的字串(漢字算乙個字元)。

| 13 | minlength:10 | 輸入長度最小是 10 的字串(漢字算乙個字元)。

| 14 | rangelength:[5,10] | 輸入長度必須介於 5 和 10 之間的字串(漢字算乙個字元)。

| 15 | range:[5,10] | 輸入值必須介於 5 和 10 之間。

| 16 | max:5 | 輸入值不能大於 5。

| 17 | min:10 | 輸入值不能小於 10。

5.設定好校驗後

在js中啟用校驗

jQuery外掛程式之 瀑布流外掛程式

jquery.wookmark.js 乙個實現瀑布流 自適應寬度布局的jquery 外掛程式 jquery.wookmark.js wookmark 使用非常簡單到只需要一句 就能實現,除此之外,當頁面寬度發生變化的時候,它還能自適應頁面寬度,非常有誠意。外掛程式 瀑布流 布局 隨著pinteres...

jQuery外掛程式之 瀑布流外掛程式

jquery.wookmark.js 乙個實現瀑布流 自適應寬度布局的jquery 外掛程式 jquery.wookmark.js wookmark 使用非常簡單到只需要一句 就能實現,除此之外,當頁面寬度發生變化的時候,它還能自適應頁面寬度,非常有誠意。外掛程式 瀑布流 布局 隨著pinteres...

JQUERY外掛程式學習之jqPlot

js圖表,有highcharts jqplot jschart,其中highcharts和jschart只能用作個人使用 為了以後專案中能使用,在這用了jqplot 個人和商業都免費 先學習下。關於jqplot的詳細中文配置參考 options axisdefaults 設定renderer的opt...