jQuery中validate插件如何用

這篇文章主要介紹“jQuery中validate插件如何用”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“jQuery中validate插件如何用”文章能幫助大家解決問題。

公司主營業(yè)務(wù)：成都網(wǎng)站建設(shè)、網(wǎng)站制作、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出舒城免費(fèi)做網(wǎng)站回饋大家。

在jQuery中，validate插件用于表單驗(yàn)證，能夠驗(yàn)證用戶在表單中輸入的內(nèi)容，同時(shí)該插件提供了大量的定制選項(xiàng)，包括URL和電子郵件驗(yàn)證，提供了一個(gè)用來編寫用戶自定義方法的API，下載好的插件可以通過“<script src="validate插件路徑">”使用。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.4.1版本、Dell G3電腦。

jQuery中validate插件

jQuery Validate 插件為表單提供了強(qiáng)大的驗(yàn)證功能，讓客戶端表單驗(yàn)證變得更簡單，同時(shí)提供了大量的定制選項(xiàng)，滿足應(yīng)用程序各種需求。該插件捆綁了一套有用的驗(yàn)證方法，包括 URL 和電子郵件驗(yàn)證，同時(shí)提供了一個(gè)用來編寫用戶自定義方法的 API。所有的捆綁方法默認(rèn)使用英語作為錯(cuò)誤信息，且已翻譯成其他 37 種語言。

默認(rèn)校驗(yàn)規(guī)則如下：

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

• 2 remote:"check.php" 使用 ajax 方法調(diào)用 check.php 驗(yàn)證輸入值。

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

• 4 url:true 必須輸入正確格式的網(wǎng)址。

• 5 date:true 必須輸入正確格式的日期。日期校驗(yàn) ie6 出錯(cuò)，慎用。

• 6 dateISO:true 必須輸入正確格式的日期（ISO），例如：2009-06-23，1998/01/22。只驗(yàn)證格式，不驗(yàn)證有效性。

• 7 number:true 必須輸入合法的數(shù)字（負(fù)數(shù)，小數(shù)）。

• 8 digits:true 必須輸入整數(shù)。

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

• 10 equalTo:"#field" 輸入值必須和 #field 相同。

• 11 accept: 輸入擁有合法后綴名的字符串（上傳文件的后綴）。

• 12 maxlength:5 輸入長度最多是 5 的字符串（漢字算一個(gè)字符）。

• 13 minlength:10 輸入長度最小是 10 的字符串（漢字算一個(gè)字符）。

• 14 rangelength:[5,10] 輸入長度必須介于 5 和 10 之間的字符串（漢字算一個(gè)字符）。

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

• 16 max:5 輸入值不能大于 5。

• 17 min:10 輸入值不能小于 10。

示例如下：

1 將下載好的form表單插件復(fù)制到項(xiàng)目js文件夾里

2 引入到html頁面中

要注意的點(diǎn) ：

1 要引入的插件一定務(wù)必正確不能錯(cuò)

2 如果要引入jQuery文件庫的話 jQuery文件庫一定要比插件要先引入 插件是基于jQuery庫的

關(guān)于“jQuery中validate插件如何用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。

分享標(biāo)題：jQuery中validate插件如何用
URL分享：http://bm7419.com/article6/jcsdig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、定制網(wǎng)站、網(wǎng)站改版、企業(yè)網(wǎng)站制作、營銷型網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)