[SOLUCIONADO] Permitir como mínimo una letra Mayúscula y números en password

[Cachichin]

Buen día compañeros, soy nuevo en el foro y también algo nuevo programando y me gustaría saber si me pueden ayudar con un formulario de registro que estoy elaborando ya que no logro que el password te pida una letra mayúscula y un numero obligatoriamente. bueno les dejo mi código espero me puedan ayudar.... saludos!!

<script type="text/javascript">
function Validar($usuario_clave){
var usuario_clave = document.getElementById('usuario_clave').value;
var usuario_clave_conf = document.getElementById('usuario_clave_conf').valu e;



if((usuario_clave).length < 6)
{
$('#alert').html('Debes ingresar mas de 6 caracteres').slideDown(500);
return false;
}

else{
$('#alert').html('').slideUp(300);
}

if((usuario_clave).length > 13)
{
$('#alert').html('La clave no puede tener más de 13 caracteres').slideDown(500);
return false;
}

else{
$('#alert').html('').slideUp(300);
}



if(usuario_clave==""){
$('#alert').html('Debes ingresar tu contraseña').slideDown(500);
$('#usuario_clave').focus();
return false;
}


else{
$('#alert').html('').slideUp(300);
}



if(usuario_clave_conf==""){
$('#alert1').html('Debes comprobar tu contraseña').slideDown(500);

return false;
}
else{
$('#alert1').html('').slideUp(300);
}

}



</script>

[PHPeros]

Bienvenido. Te sugiero utilizar el HIGHLIGHT del foro para mostrar código


Respecto al tema, la solución más rápida que se me ocurre es comprobando mediante dos expresiones regulares:

Código JavaScript:

if(clave.match(/[A-Z]/) && clave.match(/[0-9]/)){
  // ...
}
 

Saludos

[Cachichin]

Muchas Gracias por tu sugerencia sobre el como mostrar el codigo y tambien gracias por la respuesta a mi problema, lo voy a intentar a ver que resulta

Código Javascript:

<script type="text/javascript">
function Validar($usuario_clave){
var usuario_clave = document.getElementById('usuario_clave').value;
var usuario_clave_conf = document.getElementById('usuario_clave_conf').valu e;
 
 
 
if((usuario_clave).length < 6)
{
$('#alert').html('Debes ingresar mas de 6 caracteres').slideDown(500);
return false;
}
 
else{
$('#alert').html('').slideUp(300);
}
 
if((usuario_clave).length > 13)
{
$('#alert').html('La clave no puede tener más de 13 caracteres').slideDown(500);
return false;
}
 
else{
$('#alert').html('').slideUp(300);
}
 
 
 
if(usuario_clave==""){
$('#alert').html('Debes ingresar tu contraseña').slideDown(500);
$('#usuario_clave').focus();
return false;
}
 
 
else{
$('#alert').html('').slideUp(300);
}
 
 
 
if(usuario_clave_conf==""){
$('#alert1').html('Debes comprobar tu contraseña').slideDown(500);
 
return false;
}
else{
$('#alert1').html('').slideUp(300);
}
 
} 
 
 
 
</script>
 

Código HTML:

<div class="columna"> 
 
            <form action="registro.php" method="post" id="formregistro">
 
    <div class="columna1">      
<div>
            <label for="usuario_clave">Contraseña:</label>
            <input type="password" name="usuario_clave" id="usuario_clave" autocomplete="off" maxlength="16" required onblur="javascript:Validar();" required  />
            <div id="alert"></div>
            </div>
            <div>
            <label>Confirmar Contraseña:</label>
            <input type="password" name="usuario_clave_conf" id="usuario_clave_conf" autocomplete="off" maxlength="13" required  onblur="javascript:Validar();"/>
            <div id="alert1"></div>
            </div>
            <div id="alert2"></div>
        </div>   
<input id="submit1" type="submit" name="submit" value="Registrar" onblur="javascript:Validar();"/>
</form>
 

[PHPeros]

Acabo de corregir un error generoso del código que te pasé. Vuelve a probar

[Cachichin]

Iniciado por PHPeros

Acabo de corregir un error generoso del código que te pasé. Vuelve a probar

Gracias por tu tiempo amigo, pero no me resulto, no logro que me pida que ingrese una mayuscula y un numero, así inserte el código.

Código Javascript:

if(usuario_clave.match(/[A-Z]/) && usuario_clave.match(/[0-9]/)){
                            $('#alert').html('La clave debe contener al menos una letra mayúscula y un número').slideDown(500);
                    }else{
                        $('#alert').html('').slideUp(300);
                    
}
 

no se en que me fallé.

[PHPeros]

Pues algo estás haciendo mal... muestra todo el código.

Edit: La condición está al revés

[Cachichin]

Muchas gracias por tu tiempo y pues si funciono perfecto, tenia un pequeño error en la sintaxis. gracias!