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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章