Запрет на ввод символов в поле

var button = document.getElementById('b'); 
  button.onclick = function() { 
    var text = document.getElementById('i').value; 
    if(!text.match(/[a-zA-Z0-9]+/)){ 
      //alert('error'); 
      document.getElementById('p').innerHTML='Поле должно содержать английские буквы и цифры'; 
    } 
  }

<p id="p"></p> 
<input type="text" id="i"> 
<button id="b">Ввод</button>

<form> 
<input type="text" required pattern="[a-zA-Z0-9]+" title="Enter digits and latinicks symbols"> 
<button>Ввод</button> 
</form>

$('input[type=text]').on('input change', function(){ 
	var val = $(this).val(); 
	$(this).val(val.replace(/[\W_]/g, '')); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="text" value="">