
這???篇文章主要介紹了正則表達式解決input框固定輸入值得格式(金額,正則特殊字符),本文分為三種情況給大家介紹的非常(chang)詳細,對大家的表達學(xué)習(xi)或工??(gong)作具有一定的參考借鑒價(jià)值,需要的式解式金殊字朋友可以參考下
只能輸入某??蚬汤踝樱褐荒茌斎霐底?,定輸得格只能輸入字母(大寫(xiě),入值小寫(xiě))只能輸入??某固定格式。額特栗子:只能輸入(′▽?zhuān)?)金額,正則只能輸入小數(′?_?`)且最多(duo)保留2位不能輸入某。表達栗子:不能輸入特殊字符??,式解式金殊字如“@#ヾ(′▽?zhuān)??¥%???&*”等
第一種情況:只能輸入??某
<template>
<div id="app">
{ { value}}
<el(?????)-input
v-model="value"
clearable
size="small"
clas??s="row-value "
@input="numCheck(value)"
//這里我使用的是input,每輸入一次就會(huì )檢查,額特也可以使用change改變時(shí)檢查或blur失去焦點(diǎn)(dian)時(shí)檢查。正則
>
</el-input>
</div>
</template>
<s(′▽?zhuān)?)cript>
export default {
name: "app",
data() {
re??turn {
value:''
};
},??
methods: {
numCheck(val){
if(val != '')??{
if (/[^1-9]/.test(val)) {
//如果??不能輸入數字就ヽ(′ー`)ノ去掉^,/[1-9]/.test(??val)
//只能輸入字母,/[^A-z]/.test(val)
//只能輸入字母或數字(如密碼),/[^1-9A-z]/).test(v┐(′д`)┌al)
this.$message(????)({
type: "error",
mes(′ω`)sage: "只ヽ(′ー`)ノ能輸入數字??,請重新輸入!"
})
this.value = ''
}
}
}
}
};
</script>
第二種情況只能輸入某固定格式
只能輸入小于1的兩位小數
if(value > 1){
this.$message({
typ??e: "error",
message: "請輸入小于1的數!"
})
this.value = ''
return
}
if (!(/^([0-9]*)+(.[0-9]{ 1,2})?$/).test(val)) {
this.$message({??
type: "error",
message: "請輸入小于1的兩位小數!"
})
this.value = ''
}
金額
if(value.length > 12){
this.$message({
type: "error",
message: "長(cháng)度超過(guò)12,請重新輸入"
})
this.val??ue = ''
return
}
if(!(/(^[1-9]([0-9]+)?(\(╯°□°)╯.[0-9]┐(′?`)┌{ 1,2})?$)|(^(0){ 1}$)|(^[0-9]\.[0-9]([0-9])?$)/).test(value)){
this.$message({
type: "error",
messa??ge: "只能輸入??數字,請重新輸入!??"
})
this.value = ''
}
var patrn = /[`~!@#$%^&*_\-+=<???>?"{ }|\/;'\\[ヾ(′▽?zhuān)??\]·~!@#¥%……&*————\-+={ }|《》?“”【】‘'、]/gim;
if (patrn.test(val)) {
this.$message({
type: "error",
message: "請勿輸入特殊字符!"
})
到此這篇關(guān)于正則表達式解決input框固定輸入值得格式(金額,特殊字符)的文章就介紹到這了,更多相關(guān)input框固定輸入值得格式內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
來(lái)源:腳本之家
鏈接:https://www.jb51.net/?article/198258.htm