duda para crear validacion

dcreate · #1 (**permalink**) 22/07/2010, 09:17

hola a todos, estoy observando como se utiliza jquery y observaba en un ejemplo

trae este codigo

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <link rel="stylesheet" href="main.css" type="text/css" media="screen" /> 
 
<title>Ingresar al Sistema</title> 
 
 
 
<style type="text/css"> 
<!-- 
#apDiv1 { 
    position:absolute; 
    width:113px; 
    height:17px; 
    z-index:8; 
    left: 40px; 
    top: 95px; 
} 
#apDiv2 { 
    position:absolute; 
    width:139px; 
    height:26px; 
    z-index:9; 
    top: 161px; 
    left: 15px; 
} 
--> 
</style> 
</head> 
 
 
<body> 
<form name="form1" method="post" action="inde.php" id="form1"> 
  <script type="text/javascript" src="jquery.js"></script>  
  <div id="contenedor"> 
<div id="divusuario"> 
  <label for="textfield"></label> 
      <input name="username" type="password" class="text " id="username" tabindex="2" size="27" /> 
</div> 
    <div id="contrasena"> 
      <input name="nombre" type="text" class="text " id="nombre" tabindex="1" size="25" /> 
    </div> 
     
    <div id="boton"> 
     
    <input tabindex="3" name="send" id="mover"  type="submit" class="submit" value="Enviar Registro" /> 
    </div> 
    <div class="Estilo2" id="titulo"> 
      <div  id="titulo"align="center">Login de usuario</div> 
    </div> 
     
     
    <div  id="titulos">Datos necesarios, para ingresar al sistema </div> 
    <div id="labelesusuario"><strong>Login</strong>:</div> 
    <div id="labelescontrasena"><strong>Password :</strong></div> 
    <div id="apDiv1"><span class="small" id="req-nombre">Introduce tu login</span></div> 
    <div id="apDiv2"><span class="small" id="req-username">Introduce tu password</span></div> 
  </div> 
    </div> 
<script type="text/javascript" src="funciones.js"></script> 
</form> 
 
</body> 
</html>

y funciones.js

Código Javascript:

Ver original$(document).ready(function(){
    //variables globales
    var searchBoxes  = $(".text");
    var inputUsername = $("#username");
    var reqUsername = $("#req-username");
    var x=$("#req-username")
 
    var inputNombre = $("#nombre");
    var reqNombre = $("#req-nombre");
    //funciones de validacion
    function validateUsername(){
        
        if(!inputUsername.val().match(/^[a-zA-Z]+$/))
        {
                        
            inputUsername.removeClass("completado");
            reqUsername.addClass("error");
            inputUsername.addClass("error");
            return false;
            
        }
        // SI longitud, SI caracteres A-z
        else
        {
        inputUsername.addClass("completado");
        reqUsername.removeClass("error");
        inputUsername.removeClass("error");
            return true;
        
        }
    }
    
    function validateNombre()
    {
    
    if(!inputNombre.val().match(/^[a-zA-Z]+$/))
        {
                        
            inputNombre.removeClass("completado");
            reqNombre.addClass("error");
            inputNombre.addClass("error");
            return false;
            
        }
 
        else
        {
        inputNombre.addClass("completado");
        reqNombre.removeClass("error");
        inputNombre.removeClass("error");
            return true;
        }
    }
    //controlamos la validacion en los distintos eventos
    // Perdida de foco
    inputUsername.blur(validateUsername);   
    inputNombre.blur(validateNombre);   
    // Pulsacion de tecla
    inputUsername.keyup(validateUsername);
    inputNombre.keyup(validateNombre);
        // Envio de formulario
    $("#form1").submit(function(){
        if(validateUsername() & validateNombre() )
            return true;
        else
            return false;
    });
        //controlamos el foco / perdida de foco para los input text
    searchBoxes.focus(function(){
        $(this).addClass("active");
    });
    searchBoxes.blur(function(){
        $(this).removeClass("active");      
    });
});

mi duda es si como puedo hacer para que en la contraseña pueda ingresar caracteres especiales y numeros?

la condicion q tiene es

Código Javascript:

Ver originalif(!inputNombre.val().match(/^[a-zA-Z]+$/))

q debo de ingresarle para q pueda contener letras y caracteres como _ , .

espero me puedan ayudar

GatorV · #2 (**permalink**) 22/07/2010, 09:46

Tema movido desde PHP a Frameworks y Plugins Javascript

mayid · #3 (**permalink**) 22/07/2010, 12:10

Cita:

/^[a-zA-Z\_\-\.\,]+$/

Esto? Probalo. No estoy seguro de la coma.

dcreate · #4 (**permalink**) 22/07/2010, 18:20

lo voy a checar, gracias por todo