screen_rotation
Copied to Clipboard
<html> <head> <script type="importmap"> { "imports": { "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js" } } </script> </head> <body> <div id="app"> <h3>Vue Js Restrict Special Characters in an input field</h3> <input v-model="inputValue" @input="restrictSpecialChars" /> <pre v-if="invalidInput" style="color: red;">Invalid input</pre> </div> <script type="module"> import { createApp } from "vue"; createApp({ data() { return { inputValue: "", invalidInput: false } }, methods: { restrictSpecialChars() { if (/[^A-Za-z0-9]/.test(this.inputValue)) { this.invalidInput = true; } else { this.invalidInput = false; } this.inputValue = this.inputValue.replace(/[^A-Za-z0-9]/g, ""); } } }).mount("#app"); </script> </body> </html>