Poner campos requeridos en contraseña

[angeljudoka]

Hola amigos soy nuevo en la web y tengo un problema, la verdad estoy un poco frio en esto pero me gusta mucho y queria preguntarles como puedo en mi formulario de registro que cconsta de email nombre contraseña hacer que cuando el usuario se registre
la contraseña tenga caracteristica, tener una mayuscula, longitud de 8 y un caracter especial?
Me podrian ayudar amigos, es para mi proyecto de desarrollo web pero el profesor solo me pide investigar.
este es el formulario
<form method="post" action="" >

<fieldset>
<legend ><b>Registro</b></legend>
<div class="form-group">
<label ><b>Ingresa tu nombre</b></label>
<input type="text" name="realname" class="form-control" placeholder="Ingresa tu nombre" />
</div>
<div class="form-group">
<label><b>Ingresa tu email</b></label>
<input type="text" name="nick" class="form-control" required placeholder="Ingresa mail"/>
</div>
<div class="form-group">
<label ><b>Ingresa tu Password</b></label>
<input type="password" name="pass" class="form-control" placeholder="Ingresa contraseña" />
</div>
<div class="form-group">
<label><b>Repite tu contraseña</b></label>
<input type="password" name="rpass" class="form-control" required placeholder="repite contraseña" />
</div>

</div>

<input class="btn btn-danger" type="submit" name="submit" value="Registrarse"/>

</fieldset>
</form>
</div>

[rodrypaladin]

Desde html se que puedes añadir el atributo required para indicar que es un campo obligatorio

Código HTML:

<input type="text" name="nombre" required/>
 

Y con el atributo pattern puedes pedir lo que quieres por medio de expresiones regulares.

Código HTML:

<input type="text" id="referencia" name="referencia" required pattern="[A-Z]{3}[0-9]{4}"/>
 

Aquí el formato debe coincidir con 3 letras mayúsculas y 4 números.

[angeljudoka]

Hola amigo y para los caracteres especiales hay ? muchas gracias

[rodrypaladin]

Password (UpperCase, LowerCase, Number/SpecialChar and min 8 Chars)

Esta expresión regular, si no me equivoco requiere de una mayúscula, una minúscula, un numero y un caracter especial y entre 8 a 12 caracteres

Código HTML:

<input type="text" id="referencia" name="referencia" required pattern="(?=^.{8,12}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$"/>
 

Y esta otra lo mismo pero sin caracteres especiales y sin limitacion de caracteres

Código HTML:

<input type="text" id="referencia" name="referencia" required pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).*$"/>