javascript - How to prevent specific special characters from being added to v-textfield or v-textarea

Question

How to prevent users from adding dots, slashes or spaces consecutively by controlling inputs to v-textarea with regular expressions

             <v-textarea
          :maxlength="max"
          :error-messages="appDescriptionErrors"
          v-model="appDescription"
          background-color="amber lighten-4"
          color="amber-darken-4"
          :label="
            'Randevu A??klamas?( Kalan karakter say?s?:' +
            (max - appDescription.length) +
            ')'
          "
          @input="$v.appDescription.$touch()"
          @blur="$v.appDescription.$touch()"
        ></v-textarea>

Answer 1

Its really not very clear what exactly you want but generally you have two options:

1. Use special library like v-mask to set exact format of input user can type - the lib will block any characters not allowed

2. As you are already using Vuelidate, just use some of the build-in validators as required + minLength + alpha. If that's not enough, use regex based validator. This way user can type whatever he wants, but Vuelidate will show him an error.....