Al intentar validar en el evento keypress, no se valida:
Incluso, impedir la entrada de ciertos caracteres solía ser algo del pasado. Hoy en día, se suele dejar ingresar cualquier caracter y validar en el evento blur, o al momento de enviar el formulario.
Pero siguiendo tu idea, podríamos validar en el evento input. Este código elimina todo aquel caracter que no sea alfanumérico o espacio:
$('#RazonSocial').on('input', function (e) {
if (!/^[ a-z0-9áéíóúüñ]*$/i.test(this.value)) {
this.value = this.value.replace(/[^ a-z0-9áéíóúüñ]+/ig,"");
}
});
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- HTML -->
<input type="text" id="RazonSocial">
Alternativamente, podríamos usar jQuery Validation Plugin.
$(function() {
$.validator.addMethod("alfanumOespacio", function(value, element) {
return /^[ a-z0-9áéíóúüñ]*$/i.test(value);
}, "Ingrese sólo letras, números o espacios.");
$('#formulario').validate({
rules: {
RazonSocial: {
alfanumOespacio: true,
required: true,
}
}
});
//Para probar qué haría en el envío del form
$('#probar').on('click', function(){
console.log('Válido:',$('#formulario').valid());
});
});
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- jQuery Validation Plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/additional-methods.min.js"></script>
<!-- HTML -->
<form id="formulario">
<div>
<input type="text" name="RazonSocial">
</div>
<div>
<input type="button" id="probar" value="Probar">
</div>
</form>