限制 input 輸入框只能輸入xxx

限制 input 輸入框只能輸入xxx

• 使用 onkeyup 事件，有 bug ，那就是在中文輸入法狀態下，輸入漢字以後直接回車，會直接輸入字母
• 使用 onchange 事件，在輸入內容後，只有 input 喪失焦點時纔會獲得結果，並不能在輸入時就作出響應
• 使用 oninput 事件，完美的解決了以上兩種問題，測試暫時尚未出現其它問題。

原理就是在輸入時會觸發事件，事件會經過字符替換和正則表達式將不符合規範的替換掉（刪除掉）

輸入大小寫字母、數字、下劃線：

<input type="text" oninput="value=this.value.replace(/[^\w_]/g,'');"> 
複製代碼

輸入小寫字母、數字、下劃線：

<input type="text" oninput="value=this.value.replace(/[^a-z0-9_]/g,'');"> 
複製代碼

輸入數字和點

<input type="text" oninput="value=value.replace(/[^\d.]/g,'')">
複製代碼

輸入中文:

<input type="text" oninput="value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">  
複製代碼

輸入數字:

<input type="text" oninput="value=this.value.replace(/\D/g,'')">  
複製代碼

輸入英文:

<input type="text" oninput="value=this.value.replace(/[^a-zA-Z]/g,'')">  
複製代碼

輸入中文、數字、英文:

<input oninput="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">  
複製代碼

輸入數字和字母：

<input oninput="value=value.replace(/[\W]/g,'')">  
複製代碼

只能輸入英文字母和數字,不能輸入中文

<input oninput="value=value.replace(/[^\w\.\/]/ig,'')">
複製代碼

只能輸入數字和英文

<input oninput="value=value.replace(/[^\d|chun]/g,'')">
複製代碼