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