省時省力的jquery驗證框架

2021-08-31 14:45:57 字數 852 閱讀 2192

前段的表單驗證,重複性高,雖然網上一大堆js**,每當郵件,**號碼什麼的驗證,直接copy,但是有了這個框架真實美包包。

jquery validate 驗證框架,本來想詳細寫寫用法,發現罈子裡paskaa幾年前寫過,不知道為何帖子沉了。

詳細使用:

官方文件參考:

官方那個,我感覺這個文件寫的不是很詳細,讀了幾遍還是發現有些沒講清楚

既然有了前面的東東,我發帖的主要是為了分享好東東,並且寫寫我們專案裡demo

[img]

如果需要自己寫js,那麼真實悲劇啊,下面是不使用框架的**

那個寫的乙個叫累,寫了這麼多後,發現居然沒有處理獲取焦點後,提示消失

只需要做出如下更改:

先引入lib

[quote]

[/quote]

然後直接寫就可以了

remote為ajax驗證,如果返回值是true,那麼無提示,不返回就提示錯誤資訊,這個比jqury寫ajax還方便。

[size=medium]測試:[/size]

[color=red]什麼都不輸入,提交[/color]

[img]

[color=red]輸入錯誤驗證碼,提交[/color]

[img]

以上demo只是基本的使用,你還可以複雜的控制,比如在裡面控制錯誤顯示,demo裡面的錯誤顯示是自己在html裡面控制的,必須放到form表單內,否則錯誤提示在你時間觸發時候不會消失,只會又生成乙個提示,非常bug。

用框架控制,就緊跟message方法後面

// 定義錯誤資訊提示的位置和樣式

errorelement: "em", // 定義錯誤標記標籤,error

省時省力的ES6

這次就收集一些es6中的hack吧!講真的 會不會是 掌握這些技巧。能讓我們少寫很多行 哦 let a world b hello a,b b,a console.log a hello console.log b world 雙擊666使用async await,函式會把返回值放在乙個陣列中。使用...

省時省力 Shell小技巧一則

經常與 shell 為伍的你是不是也會經常碰到下面這些情境 1 mv somewhere file your folder 2 vi your folder file要儲存某些檔案到特定目錄,然後開始檢視 編輯 1 cp somewhere foo.c somewhere foo.c.orig 2 ...

指令碼篇 批量新增檔案字首,省時省力

如下圖,修改前的資料夾。開啟電腦的命令執行符 win鍵 r,然後輸入cmd 輸入 python 批量修改檔案字首指令碼.py 然後回車,輸入需要新增的字首在回車即可。如下圖。如下 匯入python內建的os模組和sys模組 import os import sys 程式入口 if name main...