Limitar caracteres a letras y números en el campo de entrada

Question

Quiero que las personas que intentan suscribirse en mi sitio web ingresen un alias y ese sobrenombre debe consistir exclusivamente en letras y números (sin caracteres especiales).

Me gustaría algo como lo siguiente: abcdefghijklmnopqrstuvwxyz1234567890 solamente.

¿Cómo puedo comprobar si solo tiene esos?

Answer 1

La solución HTML5 sería ...

<input type="text" id="input-nickname" name="nickname" pattern="[a-z\d]*" /> 

jsFiddle.

Sin embargo, para el mejor soporte de los navegadores, se puede usar JavaScript ...

document.getElementById('input-nickname').onkeyup = function(event) { 

    this.value = this.value.replace(/[^a-z\d]/, ''); 

} 

jsFiddle.

Para hacer que la versión de JavaScript sea similar al método HTML5, observe el evento submit del formulario.

Tenga en cuenta que tiene una definición bastante estricta de letras y números. Para una compatibilidad adecuada con Unicode, busque los rangos que le interesan y use \u0000-\uFFFF para especificarlo.

Answer 2

puedo sugerir a echar un vistazo a: RegEx library

contiene una gran cantidad de expresiones regulares que se pueden probar directamente en el sitio y cambiar de acuerdo a sus necesidades.

Siempre lo uso como fuente cada vez que necesito trabajar con RegEx. enlace

Answer 3

con javasacript

function testAlphanumeric(input){ 
var regex=/^[0-9A-Za-z]+$/; 
if(regex.test(input)){ 
alert("Good") 
return true; 
} else { 
alert("Incorrect") 
return false; 
} 
} 

fuente: http://newsourcemedia.com/blog/javascript-non-alphanumeric-characters-regex/