JSFiddle - React, Tailwind, and code Playground

by kunalvashist

HTML

<form id="yourForm">
    <input type="text" id="my_input"/>
    <input type="submit" value="subit"/>
</form>

JavaScript

document.getElementById("yourForm").onsubmit = function() {
      var inputToCheck = document.getElementById('my_input');
    var inputToCheckval=inputToCheck.value;
    alert(inputToCheckval);
     var strValidChars = "<>@!#$%^&*()_+[]{}?:;|'\"\\,./~`-=";
     var strChar;
    var brea=true;

   
  if (inputToCheck.value.match(/[A|E|a|e]\w\S/g)) {
      
      for (i = 0; i < inputToCheckval .length && brea ==true; i++) {  
         
        strChar = inputToCheckval.charAt(i);
          alert(strChar);
        if (strValidChars.indexOf(strChar) != -1) {
           
           brea=false;
           
        }
          
    }
       
  }
    else{
        alert(" ia m wrong");
    }
}