寫個只能輸入中文名字的javascript函數

時間 2020-01-31

標籤只能輸入中文名字 javascript 函數欄目 JavaScript 简体版

原文原文鏈接

咱們知道匹配中文的javascript的正則表達式爲：javascript

匹配中文的正則表達式html

/^[\u4E00-\u9FA5]+$/

因此咱們的輸入款應該只容許輸入漢字和 '•' ,且"•"不能在第一位，不能連續出現。因此在輸入過程當中檢測的正則表達式應爲：中文名字的字符組成包含漢字和「•」java

匹配中文的正則表達式正則表達式

/^([\u4E00-\u9FA5]+(\u2022)?)+$/

一個簡單的測試頁面函數

<html>

<head>

<script type="text/javascript">

function enter_chinesename(obj){

;

}

</script>

</head>

<body>

<form>
  
  <input type="text" maxlength="60" onfocus="javascript:this.value='';" onkeyup="enter_chinesename(this)" onblur="check_chinesename(this)" value="請輸入中文姓名"/>

</form>

</body>

</html>

保證輸入中文姓名的javascript函數測試

function enter_chinesename(obj) {

    var chinesename = obj.value.match(/([\u4E00-\u9FA5]+(\u2022)?)+/i);

    obj.value = chinesename===null ? '' : chinesename[0];

}

檢測是否合法中文姓名的javascript函數this

function check_chinesename(obj) {

    var chinesename = obj.value.match(/[\u4E00-\u9FA5]+((\u2022)?[\u4E00-\u9FA5]+)+/i);

    obj.value = chinesename===null ? '請輸入合法的中文姓名' : chinesename[0];

}

咱們能夠作一個展現頁面：code

<html>

<head>

<script type="text/javascript">

function enter_chinesename(obj){

    var chinesename = obj.value.match(/([\u4E00-\u9FA5]+(\u2022)?)+/i);

    obj.value = chinesename===null ? '' : chinesename[0];

}

function check_chinesename(obj) {

    var chinesename = obj.value.match(/[\u4E00-\u9FA5]+((•)?[\u4E00-\u9FA5]+)+/i);

    obj.value = chinesename===null ? '請輸入合法的中文姓名' : chinesename[0];

}

</script>

</head>

<body>

<form>

<input type="text" maxlength="60" onfocus="javascript:this.value='';" onkeyup="enter_chinesename(this)" onblur="check_chinesename(this)" value="請輸入中文姓名"/>

</form>

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。