regex - regulares - pattern html5 solo numeros

HTML5 forma patrón de validación alfanumérica con espacios?

Question

Tengo la siguiente etiqueta de entrada en mi formulario html5:

<p>
    <label>Company Name*</label>
    <input type="text" name="name" class="field" required pattern="[a-zA-Z0-9]+" />
</p>

Esto funciona bien y comprueba si el nombre de la compañía consiste en caracteres alfanuméricos. Pero, por supuesto, quiero permitir espacios en el nombre de la empresa. Necesito saber qué debo agregar al patrón.

Answer 1

¿Qué le parece agregar un espacio en el atributo de patrón como pattern="[a-zA-Z0-9 ]+" ? Si desea admitir cualquier tipo de espacio, pruebe el pattern="[a-zA-Z0-9/s]+"

Answer 2

Es una pregunta bastante antigua, pero en caso de que pueda ser útil para cualquier persona, comenzando con una combinación de buenas respuestas encontradas aquí, he terminado usando este patrón:

pattern="([^/s][A-z0-9À-ž/s]+)"

Se requerirán al menos dos caracteres, asegurándose de que no comience con un espacio vacío sino que permita espacios entre palabras, y también que permita caracteres especiales, como ą, ó, ä, ö .

Answer 3

Mi solución es cubrir todo el rango de signos diacríticos:

([A-z0-9À-ž/s]){2,}

Az - esto es para todos los personajes latinos

0-9 : esto es para todos los dígitos

À-ž - esto es para todos los signos diacríticos

/s - esto es para espacios

{2,} - cadena debe tener al menos 2 caracteres de longitud

Answer 4

Para evitar una entrada con solo espacios, use: "[a-zA-Z0-9]+[a-zA-Z0-9 ]+" .

eg: abc | abc aBc | abc 123 AbC 938234

Para garantizar, por ejemplo, que se ingrese un primer Y apellido, use una ligera variación como

"[a-zA-Z]+[ ][a-zA-Z]+"

eg: abc def

Answer 5

Use este código para asegurarse de que el usuario no solo ingrese espacios sino un nombre válido:

pattern="[a-zA-Z][a-zA-Z0-9/s]*"

Answer 6

Utilice el siguiente código de formato de Me gusta

$(''#title'').keypress(function(event){
    //get envent value       
    var inputValue = event.which;
    // check whitespaces only.
    if(inputValue == 32){
        return true;    
    }
     // check number only.
    if(inputValue == 48 || inputValue == 49 || inputValue == 50 || inputValue == 51 || inputValue == 52 || inputValue == 53 ||  inputValue ==  54 ||  inputValue == 55 || inputValue == 56 || inputValue == 57){
        return true;
    }
    // check special char.
    if(!(inputValue >= 65 && inputValue <= 120) && (inputValue != 32 && inputValue != 0)) { 
        event.preventDefault(); 
    }
})

Answer 7

Utilice el código siguiente para el patrón de validación HTML5 alfanumérico sin / con espacio: -

para el patrón de validación HTML5 alfanumérico sin espacio: - onkeypress = "return event.charCode> = 48 && event.charCode <= 57 || event.charCode> = 97 && event.charCode <= 122 || event.charCode> = 65 && event.charCode <= 90 "

para el patrón de validación HTML5 alfanumérico con espacio: -

onkeypress = "return event.charCode> = 48 && event.charCode <= 57 || event.charCode> = 97 && event.charCode <= 122 || event.charCode> = 65 && event.charCode <= 90 || event .charCode == 32 "