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,''))">