js限制文本框只能输入中文的方法


Posted in Javascript onAugust 11, 2015

本文实例讲述了js限制文本框只能输入中文的方法。分享给大家供大家参考。具体如下:

让文本框只能输入中文的方法及代码,如果你不小心输入了英文,它会自动倒回去,清空你的输入,直至你输入了中文它可会继续,很有意思,也很实用,当注册一些资料的时候可以来提升输入的准确度。

运行效果如下图所示:

js限制文本框只能输入中文的方法

具体代码如下:

<html>
<head>
<title>让一个文本框只能输入汉字的方法</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">试着在文本框里分别输入汉字和英文字符试试?
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
当jQuery遭遇CoffeeScript的时候 使用分享
Sep 17 Javascript
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
Oct 11 Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 Javascript
jquery用data方法获取某个元素上的事件
Jun 23 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
Mar 24 Javascript
javascript 分号总结及详细介绍
Sep 24 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
jquery表单验证实例仿Toast提示效果
Mar 03 Javascript
使用async await 封装 axios的方法
Jul 09 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
Jan 29 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
May 30 Javascript
JS多个表单数据提交下的serialize()应用实例分析
Aug 27 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
Aug 11 #Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
Aug 11 #Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 #Javascript
JavaScript SHA512&amp;SHA256加密算法详解
Aug 11 #Javascript
js中 javascript:void(0) 用法详解
Aug 11 #Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 #Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 #Javascript
You might like
PHP中的integer类型使用分析
2010/07/27 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
PHP使用fopen与file_get_contents读取文件实例分享
2016/03/04 PHP
PHP FileSystem 文件系统常用api整理总结
2019/07/12 PHP
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
VS2008中使用JavaScript调用WebServices
2014/12/18 Javascript
jQuery实现的图片分组切换焦点图插件
2015/01/06 Javascript
基于JavaScript实现简单的随机抽奖小程序
2016/01/05 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
Vue2.0 实现单选互斥的方法
2018/04/13 Javascript
20个最常见的jQuery面试问题及答案
2018/05/23 jQuery
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
vue 组件简介
2020/07/31 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
Vue看了就会的8个小技巧
2021/01/21 Vue.js
python实现自动重启本程序的方法
2015/07/09 Python
Python科学计算之NumPy入门教程
2017/01/15 Python
Flask框架请求钩子与request请求对象用法实例分析
2019/11/07 Python
用python拟合等角螺线的实现示例
2019/12/27 Python
pytorch构建多模型实例
2020/01/15 Python
matplotlib jupyter notebook 图像可视化 plt show操作
2020/04/24 Python
flask项目集成swagger的方法
2020/12/09 Python
使用CSS3来制作消息提醒框
2015/07/12 HTML / CSS
解决CSS3的opacity属性带来的层叠顺序问题
2016/05/09 HTML / CSS
唤醒头发毛囊的秘密武器:Grow Gorgeous
2016/08/28 全球购物
迷你分体式空调:SoGoodToBuy
2018/08/07 全球购物
教师节促销活动方案
2014/02/14 职场文书
出纳试用期自我鉴定范文
2014/09/16 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
结婚堵门保证书
2015/05/08 职场文书
2015年挂职干部工作总结
2015/05/14 职场文书
javaScript Array api梳理
2021/03/31 Javascript