vue2输入框限制

132 阅读1分钟

1. 只能英语+数字

<input type="text" v-model.trim="code" :placeholder="xxx"  @input="handleInput" maxlength="6" >
data() {
    return {
      code: null,
    };
},
handleInput(event) {
    const inputText = event.target.value;
    const filteredText = inputText.replace(/[^a-zA-Z0-9]/g, "");
    if (filteredText !== inputText) {
        event.target.value = filteredText;
        this.code = filteredText;
    }
},

2. 只能数字

handleInput(){
    // 过滤非数字字符e
    let value = this.useJewel.replace(/\D/g, "");
    // 去除前导0 
    this.useJewel = value.replace(/^0+/, "");
    if (!value.length || value < 1) {
        return this.useJewel = '';
    }
},