JQuery 插件Validate 中文提示問題

因爲項目需要,所以選擇了一種表單驗證的插件,jquery.validate ,因爲需要現實中問題是,所以我就引入了一箇中文的消息提示的腳本,如果覺得這個腳本提示信息不夠也可以擴充,可以採用兩種方法:第一種:在需要驗證的頁面中,自定義顯示消息,例如:

//定義中文消息

var cnmsg = {  

    required: "必選字段",   

    remote: "請修正該字段",   

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

    url: "請輸入合法的網址",  

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

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

    number: "請輸入合法的數字",   

    digits: "只能輸入整數",   

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

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

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

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

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

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

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

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

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

};

jQuery.extend(jQuery.validator.messages, cnmsg);

第二種:下載validate 給我們提供好的js文件,這個js文件可以擴展,其實原理和第一種一樣,都是替換掉了validate本身的消息提示,本以爲這樣就可以了看,但是試驗後突然發現提示仍然是英文。通過查了一些資料發現網上有很多都是這樣做了,就OK了,但是我的這樣做了就不行,本來想放棄 直接採用第一種方法算了,但是覺得這樣寫在頁面中太亂,而且也不可以被複用。所以 我就跟它較上勁了 ^_^,在網上查了一下 ,也沒有發現什麼太用價值的東西,突然想起來以前我在做其他頁面 引入js的時候,也有一個是中文問題,我突然覺得問題應該大同小異,然後找到以前引入外部js的方式看了一下,發現多了一個 編碼屬性,於是我也 增加了一個charset屬性,具體的編碼值 可以根據js文件需要而定。如下:我使用了 UTF-8編碼;

<script type="text/javascript" src="../jQuery/jquery-validate/localization/messages_cn.js" charset="UTF-8" ></script>

結果試驗一下,一切OK,搞定收工!

不知道大家有沒有遇到過類似的問題,總是我是在項目中遇到了兩次引入外部js文件,中文顯示問題,所以記錄下來,僅供大家參考和共同學習。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章