Limitar caracteres e uppercase

limitar caracteres especiais e uppercase nos campos coloacndo maiusculo

by Rapha Souza

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!DOCTYPE html>
<html>
<body>


<input type="text" name="name" id="a1_nome" onblur="upperNome()"/>
<p id="demo">

</p>
<input type="button" value="chama" onclick="upperNome()">

<script>


$( document ).ready(function() {
console.log("ggeste")
   document.getElementById("a1_nome").onkeypress = function(e) {
         var chr = String.fromCharCode(e.which);
         if ("qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM ".indexOf(chr) < 0)
           return false;
          // document.getElementById("demo").innerHTML = chr;
       };
  
});


       function upperNome(){
    
      var x = document.getElementById("a1_nome");
 			 x.value = x.value.toUpperCase();
  
  var v = document.getElementById("a1_nome").value;
  
  document.getElementById("demo").innerHTML = v;
  
  }
</script>

</body>
</html>