I need to create a form input field for a person's name. How can I make sure that only alphabets are allowed and numbers are not permitted?
<div>
<input type="text" class="from-input" placeholder="Enter Your Name..." v-model="name" />
<span v-if="this.name == ''">Please enter your name</span>
<span v-else-if="this.nameValidation">Only alphabets are allowed, no numbers allowed</span>
</div>
data(){
return {
name: "",
}
}
computed: {
nameValidation(){
if(/^[a-zA-Z]+(?:-[a-zA-Z]+)*$/.test(this.name)){
return true
}else{
false
}
}
}