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