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

 更新时间:2015年08月11日 12:36:57   作者:皮蛋  
这篇文章主要介绍了js限制文本框只能输入中文的方法,涉及javascript正则匹配及鼠标事件的相关技巧,非常简单实用,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • 微信小程序实现上传视频功能

    微信小程序实现上传视频功能

    这篇文章主要为大家详细介绍了微信小程序实现上传视频功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • JS弹性运动实现方法分析

    JS弹性运动实现方法分析

    这篇文章主要介绍了JS弹性运动实现方法,结合实例形式分析了JS实现弹性运动的原理、相关技术细节与实现技巧,需要的朋友可以参考下
    2016-12-12
  • javascript作用域问题实例分析

    javascript作用域问题实例分析

    本文给大家分享的是个人在使用json数据生成树状目录的时候,由于作用域问题处理不当引起的一个小BUG的修复过程,小伙伴们需要的话可以参考下。
    2015-07-07
  • JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果

    JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果

    这篇文章主要介绍了JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果,涉及javascript事件响应及针对页面元素属性的动态操作相关技巧,需要的朋友可以参考下
    2016-08-08
  • 微信小程序网络数据请求的实现详解

    微信小程序网络数据请求的实现详解

    这篇文章主要为大家介绍了微信小程序网络数据请求的实现讲解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • JavaScript中Form表单技术汇总(推荐)

    JavaScript中Form表单技术汇总(推荐)

    这篇文章主要介绍了JavaScript中Form表单技术的相关资料,包括简单的表单验证和正则表达式验证,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • 用js实现的生肖查询的代码

    用js实现的生肖查询的代码

    用js实现的生肖查询的代码,原理就是以1997年为参照值,取余运算,然后通过比较,获取相应出生年月的属相。
    2011-02-02
  • @ResponseBody 和 @RequestBody 注解的区别

    @ResponseBody 和 @RequestBody 注解的区别

    这篇文章主要介绍了@ResponseBody 和 @RequestBody 注解的区别的相关资料,需要的朋友可以参考下
    2017-03-03
  • javascript利用键盘控制小方块的移动

    javascript利用键盘控制小方块的移动

    这篇文章主要为大家详细介绍了javascript利用键盘控制小方块的移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • javaScript给元素添加多个class的简单实现

    javaScript给元素添加多个class的简单实现

    下面小编就为大家带来一篇javaScript给元素添加多个class的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07

最新评论