1、導入js庫

jQuery Validation是基於jQuery為核心的，所以必須先導入jQuery核心js檔

<script src="<%=path%>/js/bootstrap/jquery-3.2.1.min.js"></script>

接著導入jQuery Validation核心js

<script src="<%=path%>/js/jqueryValidation/jquery.validate.min.js"></script>

匯入中文提示訊息js

<script src="<%=path%>/js/jqueryValidation/messages_zh.js"></script>

2、預設校驗規(guī)則

##3 、預設提示

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)匯入了中文資訊提示包，所以預設提示資訊為：

$.extend( $.validator.messages, {
    required: "這是必填字段",
    remote: "請修正此字段",
    email: "請輸入有效的電子郵件地址",
    url: "請輸入有效的網(wǎng)址",
    date: "請輸入有效的日期",
    dateISO: "請輸入有效的日期 (YYYY-MM-DD)",
    number: "請輸入有效的數(shù)字",
    digits: "只能輸入數(shù)字",
    creditcard: "請輸入有效的信用卡號碼",
    equalTo: "你的輸入不相同",
    extension: "請輸入有效的后綴",
    maxlength: $.validator.format( "最多可以輸入 {0} 個字符" ),
    minlength: $.validator.format( "最少要輸入 {0} 個字符" ),
    rangelength: $.validator.format( "請輸入長度在 {0} 到 {1} 之間的字符串" ),
    range: $.validator.format( "請輸入范圍在 {0} 到 {1} 之間的數(shù)值" ),
    max: $.validator.format( "請輸入不大于 {0} 的數(shù)值" ),
    min: $.validator.format( "請輸入不小于 {0} 的數(shù)值" )
} );

4、使用方式

①將校驗規(guī)則寫到控件中

本文講解了jQuery Validation使用教程，更多相關內(nèi)容請關注php中文網(wǎng)。

相關推薦：

gulp模組的方法

#js將html產(chǎn)生為圖片，並儲存在本機

js中函數(shù)的三種定義方式

以上是jQuery Validation使用教程的詳細內(nèi)容。更多資訊請關注PHP中文網(wǎng)其他相關文章！