Diario IFCD0110 Castro Urdiales: PRUEBA DE VALIDACION UF1306.1

<H1 <B ALIGN=”CENTER”>PRUEBA DE VALIDACIÓN PERSONAL</B><H1>

<P>Fecha: 10/02/2015 Módulo: MF0951_2 Unidad Formativa: UF1306.1

Nombre: Apellidos:

</P>

<BODY>

<H2><U>INSTRUCCIONES:</U>Esta prueba de validación se compone de un ejercicios de código en Java y plantilla dada, con 5 preguntas sobre la teoría de la unidad formativa <b>ESTA PRUEBA ES PERSONAL </b></H2> El objetivo de esta prueba es validar todos los conocimientos de la Unidad de competencia y demostrar que se ha asimilado correctamente.

Preguntas:

¿Qué es una expresión regular y como se utiliza?
¿Qué son y para qué sirven los caracteres especiales en expresiones regulares?
Explica cuales son las dos formas de validar que hemos visto pon ejemplos de códigos.
Escribe una expresión regular para controlar una tarjeta de crédito.

Ejercicio de código: Se pide crear un formulario de usuario y contraseña en la plantilla que se adjunta en este directorio como 1306.1, que permita verificar si la contraseña es segura, y que el campo de usuario esté rellenado correctamente.

Para que dicha contraseña sea segura debe de cumplir los siguientes requisitos:

Debe de tener entre 8 y 10 caracteres
Debe de tener al menos, un dígito y un carácter alfanumérico.
No puede contener caracteres especiales, o lo que es lo mismo solo caracteres alfanuméricos.
No debe de estar vacio.

Para que el usuario este relleno correctamente de de cumplir los siguientes requisitos:

Debe de tener entre 5 y 15 caracteres
No puede contener caracteres especiales, o lo que es lo mismo solo caracteres alfanuméricos.
No debe de estar vacio.

El proceso de validación es opcional, puede ser a nivel de submit o a nivel de INPUT individual. Se puntuará claridad de colocación en la plantilla y usabilidad del mismo, así como los estándares de buenas prácticas de programación.

Para sacar más de un 8,5 después de haber cumplido con lo anterior se puede intentar ocultar los caracteres a la vez que se escribe por el carácter * o similar.

Visualización

Mi código

function validarnombre() { //de 5 a 15 caracteres o dígitos en mayúscula o minúscula var validanombre=/^[A-Z|a-z|0-9]{5,15}$/ if (validanombre.test(formulario.minombre.value)==false) { //Si no es correcto,el recuadro del input pasará a ser rojo formulario.minombre.style.border="red 3px solid" window.alert(" El nombre de usuario debe ser entre cinco y quince letras o dígitos") document.formulario.minombre.focus() return false } //Si es correcto, pasará a ser verde else { formulario.minombre.style.border="green 3px solid" return true } } //DE repente a partir de aqui ahora no me funciona, en la pagina a parte si lo hacia,no me ha dado tiempo a acabarlo function validarcontrasena() { //no he conseguido implementar que esten entre 8 y diez caracteres, me daba muchos problemas y llegar hasta este punto me ha llevado demasiado tiempo, así que lo dejaré así //mínimo un dígito o caracter var validacontrasena=/^(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{8,10})$/ if (validacontrasena.test(formulario.contra.value)==true) { //Si no es correcto,el recuadro del input pasará a ser rojo formulario.contra.style.border="red 3px solid" window.alert(" La contraseña debe ser entre tres y ocho letras o dígitos ") document.contra.minombre.focus() return false } //Si es correcto, pasará a ser verde else { formulario.contra.style.border="green 3px solid" return true } } function validacion() { var uno= validarnombre() var dos= validarcontrasena() //Si ambas funciones devuelven true, saldrá éste mensaje if (uno==true&&dos==true) { window.alert("Gracias por rellenar correctamente el formulario") return true } }

HTML

<!DOCTYPE HTML>

<html>

<head>

<title>Immaculate | One Page Portfolio Website Template</title>

<style>

#log

{

background-color: #2E9AFE;

border-radius:15px;

width:430px;

height:130px;

}

#borde{

position:relative;

top:20px;

left:10px;

}

#boto{

position:relative;

top:12px;

left:12px;

width:80px;

height:30px;

}

#blanco{

color:white;

}

</style>

</head>

<body>

<h1>Immaculate</h1>

</header>

<nav>

<ul>

<li><a href="#about">About</a></li>

<li><a href="#shortcodes">Shortcodes</a></li>

<li><a href="#gallery">Gallery</a></li>

<li><a href="#contact">Contact</a></li>

<li class="button" data-type="zoomin"><a href="#logearse">Login</a></li>

</ul>

</nav>

</div>

<h4>About Me</h4>

<p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec pede justo, fringilla vel, aliquet nec, vulputate eget.</p>

<p>Ea cetero oportere mei, iudico aperiam erroribus no vis. Mei error corpora ei, ne virtute albucius suscipit sea. Quo ne eripuit iracundia gloriatur, et mea unum eius. Pro mucius officiis dissentias ei, quo salutandi constituam ut, te pri viderer numquam ceteros.</p>

</div>

<h4>Images Via <span class="flick">Flick</span><span class="r">r</span></h4>

</ul>

<li>Aliquam tincidunt mauris. Nulla consequat massa quis enim.</li>

<li>Vestibulum auctor dapibus. Nulla consequat massa quis enim.</li>

<li>Lorem ipsum dolor sit amet. Nulla consequat massa quis enim.</li>

<li>Aliquam tincidunt mauris. Nulla consequat massa quis enim.</li>

<li>Vestibulum auctor dapibus. Nulla consequat massa quis enim.</li>

<li>Lorem ipsum dolor sit amet. Nulla consequat massa quis enim.</li>

</ul>

<h4>Widget</h4><a name="logearse"></a>

<p> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Lorem ipsum dolor sit amet.</p>

<p></p>

<tr>

<td><p id="blanco">*Usuario:</p></td>

<td width="201" colspan="2"><p id="blanco">*Contraseña:</p></td>

</tr>

<tr>

</tr>

</table>

</form>

</div>

</div>

<h4>Latest Tweets</h4>

<h4>Links</h4>

<li><a href="#">Link Three</a></li>

<li><a href="#">Link Seven</a></li>

<li><a href="#">Link Eight</a></li>

</ul>

</div>

<hr>

</section>

<h1 class="title">About Me</h1>

<blockquote> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus viverra nulla ut metus varius laoreet. Aenean vulputate eleifend tellus.</blockquote>

<h4 style="margin:0 0 10px 0">Some Title Here</h4>

<p><span class="dropcap">L</span>orem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum.</p>

<h4>Lorem Ipsum</h4>

<p> <span class="dropcap">S</span>emper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <br />

</p>

</div>

<h4>Skills</h4>

<li>JavaScript + jQuery</li>

<li>php + MySQL</li>

<li>Web Design</li>

<li>Graphic Design</li>

</ul>

<h4>Awards</h4>

<li>First Prize At Somewhere</li>

<li>Best Entry At Somewhere</li>

<li>Third Prize At Somewhere</li>

<li>Second Prize At Somewhere</li>

<li>Nice Entry At Somewhere</li>

</ul>

</div>

<br>

</div>

</div>

</div>

</div>

<hr>

</section>

<h1 class="title">Shortcodes</h1>

<h4>Boxes</h4>