用jquery寫自己的form表單驗證

2022-04-09 00:55:28 字數 859 閱讀 6630

這幾天看了鋒利的jquery,感覺很不錯。特別是jquery強大的選擇器。今天就利用jquery寫了乙個自己的form表單驗證的小案例。當鞏固下jquery。首先貼下**,當然只是乙個小案例。

思路:1、這裡的 validate:是我們需要驗證的型別(屬於日期型別),這裡你也可以自己定義。id屬性就不用說了。

2、var arrayinput = jquery('#formdata input');//獲取from表單的input標籤 這樣就可以找到form表單下所有的input標籤

3、遍歷改陣列,獲取 validate 屬性值,看是否需要驗證,在這裡我用的是case匹配

4、用正規表示式來判斷或其他方來校驗改值是否合法

5、用 array 來存放結果和對應元素的id

6、遍歷array 陣列,如果判斷為false值,那麼就把對應顏色的設定對應顏色的css值,提示使用者。

7、返回驗證的結果

驗證

如圖:驗證結果為 false

驗證結果為 false

驗證結果為 true

用jquery 做自己的tooltips

需求 希望滑鼠放到左邊的列表上,右邊動態出現相應的提示資訊。實現 左邊我使用table布局的,平均服務週期 第一步 您所選的專業導師起草寫作主題 思路 確定寫作中哪些是重點 次重點和非重點內容.第二步 用明確語言列出申請文書的的寫作大綱.讓您提筆就能輕鬆開始將自己的亮點賦予申請文書之中.樣式 too...

自己寫的常用jquery擴充套件函式

function validate common extend jquery.request,url arr 1 去掉最後乙個 字元 if url.lastindexof url.length 1 url url.substring 0,url.length 1 var arrquerystring...

用jQuery寫塔羅時針

效果圖展示 執行後為乙個同心轉動展開的動畫 思路分享 先做時分秒的三個圓形框架,將時間放入框架中。首先 獲取時間,獲取的時間為阿拉伯數字,需先將數字轉換為漢字的時間,注意整十位的轉換,再拼接時分秒。用dom動態獲取將時間展示在框架中,再加入動畫,需注意動畫的執行時間,以及時分秒各轉一整圈後的角度和位...