Vue正則表達式限制input的輸入范圍
Vue正則表達式限制input的輸入
<a-input type="text" onkeyup="value=value.replace(正則表達式,'')"> 如： <a-input type="text" onkeyup="value=value.replace(/[^\w_]/g,'')">
1、只能輸入大小寫字母、數(shù)字、下劃線：/[^\w_]/g
2、只能輸入小寫字母、數(shù)字、下劃線：/[^a-z0-9_]/g
3、只能輸入數(shù)字和點：/[^\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、除了英文的標點符號以外，其他的都可以：/[!@#$%^&*()-=+]/g
10、只能輸入數(shù)字代碼(小數(shù)點也不能輸入)：/\D/g
<a-input onkeyup="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')"/>
11、只能輸入數(shù)字，能輸小數(shù)點：
<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ù)點后只能有最多兩位(數(shù)字、中文都可輸入)，不能輸入字母和運算符號：
<a-input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
16、小數(shù)點后只能有最多兩位(數(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正則表達式限制input的輸入的文章就介紹到這了,更多相關(guān)正則表達式限制input的輸入內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本篇文章主要介紹了詳解vue表單驗證組件 v-verify-plugin，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
VUE實現(xiàn)Studio管理后臺之鼠標拖放改變窗口大小
這篇文章主要介紹了VUE實現(xiàn)Studio管理后臺之鼠標拖放改變窗口大小 的相關(guān)知識，本文通過實例代碼給大家介紹的非常詳細，對大家的工作或?qū)W習具有一定的參考價值,需要的朋友可以參考下2020-03-03
Vue2.x 使用 EventBus 進行組件通信，而 Vue3.x 推薦使用 mitt.js。本文就介紹一下mitt.js的具體使用方法，感興趣的可以了解一下2021-06-06
這篇文章主要介紹了VUE注冊全局組件和局部組件過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下2019-10-10
vue項目中vue-i18n和element-ui國際化開發(fā)實現(xiàn)過程
這篇文章主要介紹了vue項目中vue-i18n和element-ui國際化開發(fā)實現(xiàn)過程，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-04-04
項目當中如果做新增/修改/刪除等等操作通常情況下都需要刷新數(shù)據(jù)或者刷新當前頁面。本文為大家整理了三種不同的實現(xiàn)方法，需要的可以參考一下2023-01-01
treeSelect樹組件設(shè)置父節(jié)點禁用的方法實例
這篇文章主要給大家介紹了關(guān)于treeSelect樹組件設(shè)置父節(jié)點禁用的相關(guān)資料,文中通過圖文以及示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下2022-12-12
vue實現(xiàn)前臺列表數(shù)據(jù)過濾搜索、分頁效果
這篇文章主要為大家詳細介紹了vue實現(xiàn)前臺列表數(shù)據(jù)過濾搜索、分頁效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了Vue自定義render統(tǒng)一項目組彈框功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
這篇文章主要介紹了手寫實現(xiàn)Vue計算屬性，本文從一個簡單的計算屬性例子開始，一步步實現(xiàn)了計算屬性。并且針對這個例子，詳細分析了頁面渲染時的整個代碼執(zhí)行邏輯，需要的小伙伴可以參考一下2022-08-08