【本人禿頂程式設計師】如何限制input輸入型別
阿新 • • 發佈：2019-01-09
1.只能輸入和貼上漢字
<input onkeyup="value=value.replace(/1/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/2/g,''))"><br/> <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>
2.只能輸入和貼上數字
<input onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')" /><br/>
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" /><br/>
3.數字指令碼
<input onkeyup="if(/D/.test(this.value)){alert('只能輸入數字');this.value='';}"><br/> <input onkeyup="if(/\D/.test(this.value)){alert('只能輸入數字');this.value='';}"><br/>
4.只能輸入數字和英文
<input onkeyup="value=value.replace(/[W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/3/g,''))"><br/> <input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br/>
5.簡易禁止輸入漢字
<input style="ime-mode:disabled">輸入法不轉換，但可貼上上<br/>
<input style="ime-mode:disabled">
6.輸入數字和小數點
<input onkeyup="value=value.replace(/4/g,'')" /><br/>
<input onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>
7.只能數字和"-",例如在輸入時間的時候可以用到
<input onkeyup="value=value.replace(/5|_/ig,'')" onblur="value=value.replace(/6|_/ig,'')" />
<input onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&-]|_/ig,'')" />
歡迎大家加入粉絲群：963944895，群內免費分享Spring框架、Mybatis框架SpringBoot框架、SpringMVC框架、SpringCloud微服務、Dubbo框架、Redis快取、RabbitMq訊息、JVM調優、Tomcat容器、MySQL資料庫教學視訊及架構學習思維導圖