Vue正則表達(dá)式限制input的輸入范圍
Vue正則表達(dá)式限制input的輸入
<a-input type="text" onkeyup="value=value.replace(正則表達(dá)式,'')"> 如： <a-input type="text" onkeyup="value=value.replace(/[^\w_]/g,'')">
1、只能輸入大小寫字母、數(shù)字、下劃線：/[^\w_]/g
2、只能輸入小寫字母、數(shù)字、下劃線：/[^a-z0-9_]/g
3、只能輸入數(shù)字和點(diǎn)：/[^\d.]/g
4、只能輸入小寫字母、數(shù)字、下劃線：/[^\u4e00-\u9fa5]/g
5、只能輸入數(shù)字：/\D/g
6、只能輸入英文：/[^a-zA-Z]/g
7、只能輸入中文、數(shù)字、英文：/[^\w\u4E00-\u9FA5]/g
8、只能輸入數(shù)字和字母：/[\W]/g
9、除了英文的標(biāo)點(diǎn)符號以外，其他的都可以：/[!@#$%^&*()-=+]/g
10、只能輸入數(shù)字代碼(小數(shù)點(diǎn)也不能輸入)：/\D/g
<a-input onkeyup="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')"/>
11、只能輸入數(shù)字，能輸小數(shù)點(diǎn)：
<a-input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"/>
或者：
<a-input onchange="if(/\D/.test(this.value)){alert('只能輸入數(shù)字');this.value='';}"/>
或者：
<a-input type="text"
onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;ase this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value"
onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;ase this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value"
onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;ase{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}"/>12、只能輸入字母和漢字：
<a-input onkeyup="value=value.replace(/[\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers"/>13、只能輸入英文字母和數(shù)字，不能輸入中文：/[^\w./]/ig
14、只能輸入數(shù)字和英文：/[^\d|chun]/g
15、小數(shù)點(diǎn)后只能有最多兩位(數(shù)字、中文都可輸入)，不能輸入字母和運(yùn)算符號：
<a-input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
16、小數(shù)點(diǎn)后只能有最多兩位(數(shù)字、字母、中文都可輸入)：
<a-input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
17、不可輸入中文：/[\u4E00-\u9FA5]/g
18、不可輸入空格：/\s+/g
到此這篇關(guān)于Vue正則表達(dá)式限制input的輸入的文章就介紹到這了,更多相關(guān)正則表達(dá)式限制input的輸入內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue3中實現(xiàn)代碼高亮的兩種方法(prismjs和highlight.js)
最近忙著開發(fā)自己的博客系統(tǒng),在做界面展示的時候,需要讓代碼高亮,于是經(jīng)過在網(wǎng)上查閱,發(fā)現(xiàn)有兩款比較好用的插件實現(xiàn)代碼高亮,分別是prismjs和highlight.js,下面我分別介紹下,方便給需要的同學(xué)參考2025-04-04
這篇文章主要介紹了Vue前端柱狀圖實例(疊狀條形圖)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
在vue中使用inheritAttrs實現(xiàn)組件的擴(kuò)展性介紹
這篇文章主要介紹了在vue中使用inheritAttrs實現(xiàn)組件的擴(kuò)展性介紹，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-12-12
路由跳轉(zhuǎn)的同時傳遞參數(shù)是比較常見的,下面這篇文章主要給大家介紹了關(guān)于vue3路由配置以及路由跳轉(zhuǎn)傳參的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
這篇文章主要介紹了vue腳手架及vue-router基本使用，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-04-04
vue?el-table中使用el-select選中后無效的解決
這篇文章主要介紹了vue?el-table中使用el-select選中后無效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
vue render函數(shù)動態(tài)加載img的src路徑操作
這篇文章主要介紹了vue render函數(shù)動態(tài)加載img的src路徑操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
Vue3中的?computed,watch,watchEffect的使用方法
這篇文章主要介紹了Vue3中的?computed,watch,watchEffect的使用方法，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價價值，需要得小伙伴可以參考一下2022-06-06
Vue3?使用Element?Plus表格單選帶checkbox功能
這篇文章主要介紹了Vue3?使用Element?Plus表格單選帶checkbox,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧2023-11-11
在Vant的基礎(chǔ)上實現(xiàn)添加表單驗證框架的方法示例
這篇文章主要介紹了在Vant的基礎(chǔ)上實現(xiàn)添加驗證框架的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12