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