1、導(dǎo)入js庫(kù)
jQuery Validation是基于jQuery為核心的,所以必須先導(dǎo)入jQuery核心js文件
<script src="<%=path%>/js/bootstrap/jquery-3.2.1.min.js"></script>
接著導(dǎo)入jQuery Validation核心js
<script src="<%=path%>/js/jqueryValidation/jquery.validate.min.js"></script>
導(dǎo)入中文提示信息js
<script src="<%=path%>/js/jqueryValidation/messages_zh.js"></script>
2、默認(rèn)校驗(yàn)規(guī)則
3、默認(rèn)提示
messages: { required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date ( ISO ).", number: "Please enter a valid number.", digits: "Please enter only digits.", creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", maxlength: $.validator.format( "Please enter no more than {0} characters." ), minlength: $.validator.format( "Please enter at least {0} characters." ), rangelength: $.validator.format( "Please enter a value between {0} and {1} characters long." ), range: $.validator.format( "Please enter a value between {0} and {1}." ), max: $.validator.format( "Please enter a value less than or equal to {0}." ), min: $.validator.format( "Please enter a value greater than or equal to {0}." ) }
由于已經(jīng)導(dǎo)入了中文信息提示包,所以默認(rèn)提示信息為:
$.extend( $.validator.messages, { required: "這是必填字段", remote: "請(qǐng)修正此字段", email: "請(qǐng)輸入有效的電子郵件地址", url: "請(qǐng)輸入有效的網(wǎng)址", date: "請(qǐng)輸入有效的日期", dateISO: "請(qǐng)輸入有效的日期 (YYYY-MM-DD)", number: "請(qǐng)輸入有效的數(shù)字", digits: "只能輸入數(shù)字", creditcard: "請(qǐng)輸入有效的信用卡號(hào)碼", equalTo: "你的輸入不相同", extension: "請(qǐng)輸入有效的后綴", maxlength: $.validator.format( "最多可以輸入 {0} 個(gè)字符" ), minlength: $.validator.format( "最少要輸入 {0} 個(gè)字符" ), rangelength: $.validator.format( "請(qǐng)輸入長(zhǎng)度在 {0} 到 {1} 之間的字符串" ), range: $.validator.format( "請(qǐng)輸入范圍在 {0} 到 {1} 之間的數(shù)值" ), max: $.validator.format( "請(qǐng)輸入不大于 {0} 的數(shù)值" ), min: $.validator.format( "請(qǐng)輸入不小于 {0} 的數(shù)值" ) } );
4、使用方式
①將校驗(yàn)規(guī)則寫到控件中
本文講解了jQuery Validation使用教程 ,更多相關(guān)內(nèi)容請(qǐng)關(guān)注php中文網(wǎng)。
相關(guān)推薦:
以上就是jQuery Validation使用教程的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
每個(gè)人都需要一臺(tái)速度更快、更穩(wěn)定的 PC。隨著時(shí)間的推移,垃圾文件、舊注冊(cè)表數(shù)據(jù)和不必要的后臺(tái)進(jìn)程會(huì)占用資源并降低性能。幸運(yùn)的是,許多工具可以讓 Windows 保持平穩(wěn)運(yùn)行。
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://www.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)