JS正則表達(dá)式驗(yàn)證中文字符

更新時間：2017年05月08日 14:16:25 作者：布里

本篇文章主要介紹了JS正則表達(dá)式驗(yàn)證中文字符的相關(guān)知識，具有很好的參考價(jià)值。下面跟著小編一起來看下吧

正則表達(dá)式："^[\u4e00-\u9fa5]{0,}$" 、 "/^[\u4E00-\u9FA5]{1,5}$/" 的含義：

在JS里，\uXXXX 是轉(zhuǎn)義字符,"XXXX"對應(yīng)的是16進(jìn)制Unicode編碼；

^ 匹配一行的開始。例如正則表達(dá)式^123能夠匹配字符串"12345"的開始，但是不能匹配"012345"；

[\u4e00-\u9fa5] 指匹配在這兩個Unicode編碼之間的字符;

{0,} 重復(fù)0到無限次；

$以它為結(jié)束，如123$就是只匹配以123結(jié)尾的。1234則不能匹配。

就是說匹配以\u4e00-\u9fa5兩字符之間的字符任意組成的字符串（可以是1個字符以上的）而且這字符串前后都沒有其它字符。

典型應(yīng)用：

$(function(){
  // 驗(yàn)證聯(lián)系人
  $('input[name="contacts"]').focus(function(){
    $(this).next().text('只支持中文字符');
  }).blur(function(){
    var pattern = /^[\u4E00-\u9FA5]{1,5}$/;
    if(pattern.test($(this).val())){　　//用原生JS的test()函數(shù)來匹配傳入的值，返回布爾值。
      $(this).removeClass('input_err');
      $(this).next().text('√').removeClass('txt_err').addClass('txt_correct');
      isTrue=true;
    }else{
      $(this).addClass('input_err');
      $(this).next().text("×").removeClass('txt_correct').addClass('txt_err');
    }
  });
  // 驗(yàn)證手機(jī)號碼
  $('input[name="tel"]').focus(function(){
    $(this).next().text('座機(jī)請用 - 進(jìn)行分隔');
  }).blur(function(){
    var pattern = /^1\d{10}$|^(0\d{2,3}-?|\(0\d{2,3}\))?[1-9]\d{4,7}(-\d{1,8})?$/;
    if(pattern.test($(this).val())){
      $(this).removeClass('input_err');
      $(this).next().text('√').removeClass('txt_err').addClass('txt_correct');
      isTrue=true;
    }else{
      $(this).addClass('input_err');
      $(this).next().text("×").removeClass('txt_correct').addClass('txt_err');
      isTrue=false;
    }
  });
})

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

原生JS實(shí)現(xiàn)簡單計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)簡單計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
JS文本獲得焦點(diǎn)清除文本文字的示例代碼
本篇文章主要是對JS文本獲得焦點(diǎn)清除文本文字的示例代碼進(jìn)行介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
JavaScript的變量聲明提升問題淺析(Hoisting)
大家應(yīng)該都只奧javascript的變量聲明具有hoisting機(jī)制，JavaScript引擎在執(zhí)行的時候，會把所有變量的聲明都提升到當(dāng)前作用域的最前面。網(wǎng)上關(guān)于JavaScript的變量聲明提升問題的文章有很多，這篇文章將再次談?wù)勱P(guān)于這方面的問題，有需要的朋友們可以參考借鑒。
2016-11-11
HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解
這篇文章主要介紹了HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2017-04-04
從父頁面調(diào)用iframe中的JavaScript代碼的方法
在Web前端開發(fā)中,iframe（內(nèi)嵌框架）是一種常用的技術(shù),用于在一個頁面中嵌入另一個HTML頁面,然而,有時候我們需要從父頁面與iframe內(nèi)的內(nèi)容進(jìn)行交互,本文將詳細(xì)介紹如何從父頁面調(diào)用iframe中的JavaScript代碼,提供詳細(xì)的代碼示例和最佳實(shí)踐,需要的朋友可以參考下
2024-11-11
javascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法
下面小編就為大家?guī)硪黄猨avascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-12-12
js getElementsByTagName的簡寫方式
用最少的代碼,做最多的事情. getElementsByTagName的簡寫方法.
2010-06-06
Javascript實(shí)現(xiàn)圖片輪播效果(二)圖片序列節(jié)點(diǎn)的控制實(shí)現(xiàn)
這篇文章主要介紹了Javascript實(shí)現(xiàn)圖片輪播效果(二)圖片序列節(jié)點(diǎn)的控制實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2016-02-02
document.execCommand()的用法小結(jié)
本篇文章主要是對document.execCommand()的用法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
JS繪圖Flot如何實(shí)現(xiàn)動態(tài)可刷新曲線圖
這篇文章主要介紹了JS繪圖Flot如何實(shí)現(xiàn)動態(tài)可刷新曲線圖,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-10-10