写个只能输入中文名字的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>