新聞中心
這篇文章主要講解了“正則表達式如何解決input框固定輸入值的格式的問題”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“正則表達式如何解決input框固定輸入值的格式的問題”吧!
成都創(chuàng)新互聯(lián)專注于西寧網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供西寧營銷型網(wǎng)站建設(shè),西寧網(wǎng)站制作、西寧網(wǎng)頁設(shè)計、西寧網(wǎng)站官網(wǎng)定制、微信小程序服務(wù),打造西寧網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供西寧網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
在寫輸入用到input的時候,經(jīng)常出現(xiàn)以下幾種情況:
只能輸入某。栗子:只能輸入數(shù)字,只能輸入字母(大寫,小寫)只能輸入某固定格式。栗子:只能輸入金額,只能輸入小數(shù)且最多保留2位不能輸入某。栗子:不能輸入特殊字符,如“@#¥%&*”等
這種情況下,就需要直接在input上進行限制,在前端的應(yīng)用中主要是用正則表達式來解決這些問題的
第一種情況:只能輸入某
{{value}}
第二種情況只能輸入某固定格式
只能輸入小于1的兩位小數(shù)
if(value > 1){ this.$message({ type: "error", message: "請輸入小于1的數(shù)!" }) this.value = '' return } if (!(/^([0-9]*)+(.[0-9]{1,2})?$/).test(val)) { this.$message({ type: "error", message: "請輸入小于1的兩位小數(shù)!" }) this.value = '' }
金額
if(value.length > 12){ this.$message({ type: "error", message: "長度超過12,請重新輸入" }) this.value = '' return } if(!(/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/).test(value)){ this.$message({ type: "error", message: "只能輸入數(shù)字,請重新輸入!" }) this.value = '' }
第三種情況不要輸入某
var patrn = /[`~!@#$%^&*_\-+=<>?"{}|\/;'\\[\]·~!@#¥%……&*————\-+={}|《》?“”【】‘'、]/gim; if (patrn.test(val)) { this.$message({ type: "error", message: "請勿輸入特殊字符!" })
總結(jié):好好學(xué)習(xí)正則表達式,超重要!?。?/p>
感謝各位的閱讀,以上就是“正則表達式如何解決input框固定輸入值的格式的問題”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對正則表達式如何解決input框固定輸入值的格式的問題這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!
網(wǎng)站標(biāo)題:正則表達式如何解決input框固定輸入值的格式的問題
新聞來源:http://fisionsoft.com.cn/article/jiedje.html