Validar texto o números con Javascript

| 18 agosto, 2015 | JQuery/Javascript | No hay comentarios

En un formulario web es más que probable que vamos a validar cierto tipo de datos para introducir en los campos de texto, mediante javascript es una buena "primer linea de defensa" para dicha tarea, mas no es recomendable dejarlo solo ahí ya que en los navegadores javascript puede ser desactivado así que siempre es recomendable validar los datos del lado del servidor.

Dejo dos métodos. Uno valida solo texto y otro solo números.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html>
  <head>
    <title>Validar texto o n&uacute;meros con Javascript</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript">
      function validarLetras(e) { // 1
        tecla = (document.all) ? e.keyCode : e.which; //capturar tecla
        
        if (tecla===0) {return true;} // cursor/tab
        if (tecla===8) {return true;} // backspace
        if (tecla===32) {return true;} // espacio
        if (e.ctrlKey && tecla===67) { return true;} //Ctrl c
        if (e.ctrlKey && tecla===86) { return true;} //Ctrl v        
        if (e.ctrlKey && tecla===88) { return true;} //Ctrl x        
 
        patron = /[a-zA-Z]/; //patron
 
        te = String.fromCharCode(tecla);        
        return patron.test(te); // prueba de patron
      }
      
      
      function validarNumeros(e) {
        tecla = (document.all) ? e.keyCode : e.which; //capturar tecla
        
        if (tecla===0) {return true;} // cursor/tab
        if (tecla===8) {return true;} // backspace        
        if (e.ctrlKey && tecla===67) {return true;} //Ctrl c
        if (e.ctrlKey && tecla===86) {return true;} //Ctrl v        
        if (e.ctrlKey && tecla===88) {return true;} //Ctrl x
        if (tecla>=96 && tecla<=105) {return true;} //numpad
 
        patron = /[\d]/; // patron
 
        te = String.fromCharCode(tecla);
        return patron.test(te); // prueba
      }
    </script>
  </head>
  <body>
    <h1>Validar texto o n&uacute;meros con Javascript</h1>
    Prueba de texto: <input type="text" name="letras" id="letras" onkeypress="return validarLetras(event)"/>
    <br/>
    <br/>
    Prueba de n&uacute;meros: <input type="text" name="num" id="num" onkeydown="return validarNumeros(event)"/>
  </body>
</html>

Entradas relacionadas

Sobre el Autor

hug0

Programador web, intento de runner, aficionado a Formula 1 y MotoGP. Habilidad especial: Comer 12 porciones de pizza con todo y orilla

Deja un comentario