Javascript特效之控制文本框输入

Javascript特效之控制文本框输入

今天我们来看看怎么实现限制文本框只能输入中文或者只能输入英文。

效果图:


实现思路:

在input控制绑定onkeyup事件,再用正则表达式判断是中文或者英文,如果不是对应的则替换掉输入的内容。

html:

请输入汉字:<br>
<input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

<br>
请输入英文和数字<br>
<input οnkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

发布了56 篇原创文章 · 获赞 20 · 访问量 5万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章