成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

jquery.validate使用-創(chuàng)新互聯(lián)

JQuery Validate使用總結(jié)：

站在用戶的角度思考問題，與客戶深入溝通，找到定遠(yuǎn)網(wǎng)站設(shè)計與定遠(yuǎn)網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：做網(wǎng)站、網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋定遠(yuǎn)地區(qū)。

一、導(dǎo)入js庫

<script src="../js/jquery.js" type="text/javascript"></script>

<script src="../js/jquery.validate.js" type="text/javascript"></script>

如果也導(dǎo)入 jquery.validate.unobtrusive可能會沖突驗證沒有作用

二、默認(rèn)校驗規(guī)則

(1)required:true        必輸字段

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

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

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

(5)date:true          必須輸入正確格式的日期 日期校驗ie6出錯，慎用

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

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

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

(9)creditcard:         必須輸入合法的信用卡號

(10)equalTo:"#field"      輸入值必須和#field相同

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

(12)maxlength:5         輸入長度最多是5的字符串(漢字算一個字符)

(13)minlength:10        輸入長度最小是10的字符串(漢字算一個字符)

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

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

(16)max:5            輸入值不能大于5

(17)min:10           輸入值不能小于10

三、默認(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).",

  dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.",

  number: "Please enter a valid number.",

  numberDE: "Bitte geben Sie eine Nummer ein.",

  digits: "Please enter only digits",

  creditcard: "Please enter a valid credit card number.",

  equalTo: "Please enter the same value again.",

  accept: "Please enter a value with a valid extension.",

  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}.")

},

如需要修改，可在js代碼中加入：

jQuery.extend(jQuery.validator.messages, {

    required: "必選字段",

 remote: "請修正該字段",

 email: "請輸入正確格式的電子郵件",

 url: "請輸入合法的網(wǎng)址",

 date: "請輸入合法的日期",

 dateISO: "請輸入合法的日期 (ISO).",

 number: "請輸入合法的數(shù)字",

 digits: "只能輸入整數(shù)",

 creditcard: "請輸入合法的信用卡號",

 equalTo: "請再次輸入相同的值",

 accept: "請輸入擁有合法后綴名的字符串",

 maxlength: jQuery.validator.format("請輸入一個 長度最多是 {0} 的字符串"),

 minlength: jQuery.validator.format("請輸入一個 長度最少是 {0} 的字符串"),

 rangelength: jQuery.validator.format("請輸入 一個長度介于 {0} 和 {1} 之間的字符串"),

 range: jQuery.validator.format("請輸入一個介于 {0} 和 {1} 之間的值"),

 max: jQuery.validator.format("請輸入一個大為{0} 的值"),

 min: jQuery.validator.format("請輸入一個最小為{0} 的值")

});

推薦做法，將此文件放入messages_cn.js中，在頁面中引入

<script src="../js/messages_cn.js" type="text/javascript"></script>

四、使用方式1.將校驗規(guī)則寫到控件中

<script src="../js/jquery.js" type="text/javascript"></script>

<script src="../js/jquery.validate.js" type="text/javascript"></script>

<script src="./js/jquery.metadata.js" type="text/javascript"></script>

$().ready(function() {

 $("#signupForm").validate();

});

<form id="signupForm" method="get" action="">

  <p>

    <label for="firstname">Firstname</label>

    <input id="firstname" name="firstname" class="required" />

  </p>

 <p>

 <label for="email">E-Mail</label>

 <input id="email" name="email" class="required email" />

 </p>

 <p>

 <label for="password">Password</label>

 <input id="password" name="password" type="password" class="{required:true,minlength:5}" />

 </p>

 <p>

 <label for="confirm_password">確認(rèn)密碼</label>

 <input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:'#password'}" />

 </p>

  <p>

    <input class="submit" type="submit" value="Submit"/>

  </p>

</form>

使用class="{}"的方式，必須引入包：jquery.metadata.js

可以使用如下的方法，修改提示內(nèi)容：

class="{required:true,minlength:5,messages:{required:'請輸入內(nèi)容'}}"

在使用equalTo關(guān)鍵字時，后面的內(nèi)容必須加上引號，如下代碼：

class="{required:true,minlength:5,equalTo:'#password'}"

2.將校驗規(guī)則寫到j(luò)s代碼中

$().ready(function() {

 $("#signupForm").validate({

    rules: {

  firstname: "required",

  email: {

  required: true,

  email: true

  },

  password: {

  required: true,

  minlength: 5

  },

  confirm_password: {

  required: true,

  minlength: 5,

  equalTo: "#password"

  }

 },

    messages: {

  firstname: "請輸入姓名",

  email: {

  required: "請輸入Email地址",

  email: "請輸入正確的email地址"

  },

  password: {

  required: "請輸入密碼",

  minlength: jQuery.format("密碼不能小于{0}個字 符")

  },

  confirm_password: {

  required: "請輸入確認(rèn)密碼",

  minlength: "確認(rèn)密碼不能小于5個字符",

  equalTo: "兩次輸入密碼不一致不一致"

  }

 }

  });

});

//messages處，如果某個控件沒有message，將調(diào)用默認(rèn)的信息

<form id="signupForm" method="get" action="">

  <p>

    <label for="firstname">Firstname</label>

    <input id="firstname" name="firstname" />

  </p>

 <p>

 <label for="email">E-Mail</label>

 <input id="email" name="email" />

 </p>

 <p>

 <label for="password">Password</label>

 <input id="password" name="password" type="password" />

 </p>

 <p>

 <label for="confirm_password">確認(rèn)密碼</label>

 <input id="confirm_password" name="confirm_password" type="password" />

 </p>

  <p>

    <input class="submit" type="submit" value="Submit"/>

  </p>

</form>

required:true 必須有值

required:"#aa:checked"表達(dá)式的值為真，則需要驗證

required:function(){}返回為真，表時需要驗證

后邊兩種常用于，表單中需要同時填或不填的元素

demo：

$("#form1").validate({//JQ 前端校驗

            rules: {

            ctl00$MainContent$txtWebName: {

                required: true,

                maxlength: 500

            },

            ctl00$MainContent$txtShortName: {

                maxlength: 500,

                required: false

            },

            ctl00$MainContent$txtKeyWords: {

                required: false,

                maxlength: 500

            },

            ctl00$MainContent$txtGoodsNo: {

                required: false,

                maxlength: 250

            },

            ctl00$MainContent$txtRemark: {

                required: false,

                maxlength: 500

            },

            ctl00$MainContent$txtPageTitle: {

                required: true,

                maxlength: 1000

            },

            ctl00$MainContent$txtMetaKey: {

                required: false,

                maxlength: 1000

            },

            ctl00$MainContent$txtShowUrl: {

                required: false,

                maxlength: 2000,

                url: true

            },

            ctl00$MainContent$txtOtherData: {

                required: false,

                maxlength: 1000

            },

            ctl00$MainContent$txtEC :{ required: true, digits: true},

            ctl00$MainContent$txtFullEP : {required: true, digits: true},

            ctl00$MainContent$txtMarketPrice : {required: true, number:true},

            ctl00$MainContent$txtCash : {required: true,number:true},

            ctl00$MainContent$txtDurationDays:{required: false,number:true},

            ctl00$MainContent$txtFullCash:{required: true,number:true}

            },

            messages: {

            ctl00$MainContent$txtWebName: "*請輸入商品名[限500字以內(nèi)]",

            ctl00$MainContent$txtShortName: "*限500字以內(nèi)",

            ctl00$MainContent$txtKeyWords: "*500字以內(nèi)",

            ctl00$MainContent$txtGoodsNo: "*250字以內(nèi)",

            ctl00$MainContent$txtRemark: "*500字以內(nèi)",

            ctl00$MainContent$txtPageTitle: "*請輸入分類頁面的標(biāo)題",

            ctl00$MainContent$txtMetaKey: "*1000字以內(nèi)",

            ctl00$MainContent$txtShowUrl: "*請輸入正確的URL地址",

            ctl00$MainContent$txtOtherData: "*1000字以內(nèi)",

            ctl00$MainContent$txtEC:"*只能輸入整數(shù)",

            ctl00$MainContent$txtFullEP:"*只能輸入整數(shù)",

            ctl00$MainContent$txtCash:"*請輸入正確的現(xiàn)金數(shù)",

            ctl00$MainContent$txtFullCash:"*請輸入正確的現(xiàn)金數(shù)",

            ctl00$MainContent$txtDurationDays:"必須輸入數(shù)字",

            ctl00$MainContent$txtMarketPrice:"*請輸入正確的市場價格"

            }

        }); //validate

自定義驗證規(guī)則

jQuery.validator.addMethod("gt", function (value, element, param) {

        var r = ($("#abc").val()=="abc");

        return r;

      }, $.validator.format("輸入值必須大于{0}!"));

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁標(biāo)題：jquery.validate使用-創(chuàng)新互聯(lián)
分享鏈接：http://jinyejixie.com/article12/gpsdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站策劃、電子商務(wù)、用戶體驗、營銷型網(wǎng)站建設(shè)、App設(shè)計

廣告

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

成都網(wǎng)站建設(shè)
汕尾市| 安达市| 文化| 辉县市| 伊宁县| 邳州市| 德阳市| 左云县| 榆树市| 和林格尔县| 宜州市| 永新县| 永定县| 白山市| 和林格尔县| 本溪市| 库车县| 楚雄市| 石狮市| 兴安盟| 苗栗县| 昭平县| 巴林右旗| 靖州| 鄂州市| 苏尼特左旗| 屏东市| 颍上县| 郴州市| 凯里市| 宁武县| 垦利县| 内江市| 永宁县| 呼和浩特市| 象州县| 商水县| 雷山县| 华池县| 宕昌县| 沙洋县|