写个只能输入中文名字的javascript函数

最新推荐文章于 2021-11-25 16:29:08 发布

weixin_34332905

最新推荐文章于 2021-11-25 16:29:08 发布

阅读量591

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/1164352/blog/2222598

版权

2019独角兽企业重金招聘Python工程师标准>>>

我们知道匹配中文的javascript的正则表达式为：

匹配中文的正则表达式

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

所以我们的输入款应该只允许输入汉字和 '•' ,且"•"不能在第一位，不能连续出现。所以在输入过程中检测的正则表达式应为：中文名字的字符组成包含汉字和“•”

匹配中文的正则表达式


/^([\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函数

function check_chinesename(obj) {

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

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

}

我们可以做一个展示页面：

<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>

转载于:https://my.oschina.net/u/1164352/blog/2222598