<link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vuetify@3.1.11/dist/vuetify.min.css">
<h3>Vuetify Check if input contains special characters</h3>
<v-text-field v-model="inputText" :rules="inputRules" label="Input" variant="underlined" clearable></v-text-field>
<script src="https://unpkg.com/vue@3.2.21/dist/vue.global.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@3.1.11/dist/vuetify.min.js"></script>
const { createApp } = Vue const { createVuetify } = Vuetify const vuetify = createVuetify()
containsSpecialCharacters: false,
(v) => !!v || "Input is required",
(v) => !/[!@#$%^&*()_+{}\[\]:;<>,.?~\\|]/.test(v) || "Input contains special characters", }).use(vuetify).mount('#app'); // Mount the app to the #app element