Programación web

Durante esta semana realizamos las exposiciones de la unidad 4. Al equipo Puma nos asignaron el tema 4.3 Manipulación de objetos (Validación de formularios). A continuación les dejaremos unas fotos de nuestra exposición, al igual que los ejemplos que utilizamos para explicar nuestro tema.

Validación de campo de texto obligatorio

<!DOCTYPE html>

<head>

//busca caracteres que no sean espacio en blanco en una cadena

function vacio(q) {

for ( i = 0; i < q.length; i++ ) {

if ( q.charAt(i) != " " ) {

return true

}

return false

}

//valida que el campo no este vacio y no tenga solo espacios en blanco

function valida(F) {

if( vacio(F.campo.value) == false ) {

alert("Introduzca un cadena de texto.")

return false

} else {

alert("OK")

//cambiar la linea siguiente por return true para que ejecute la accion del formulario

return false

}

</script>

</head>

<body>

<h1 class="text-center"><strong>Validación texto obligatorio</strong></h1>

</div>

<label class="col-lg-2 control-label">Introduzca cadena de texto:</label>

</div>

<button type="submit" name="validar" value="validar" class="btn btn-primary">Validar</button>

</div>

</form>

</div>

</body>

</html>

Validación de correo electrónico

<!DOCTYPE html>

<head>

function mostrar_informacion(txt){

//expresion regular

var b=/^[^@\s]+@[^@\.\s]+(\.[^@\.\s]+)+$/

//comentar la siguiente linea si no se desea que aparezca el alert()

alert("Email " + (b.test(txt)?"":"no ") + "válido.")

//devuelve verdadero si validacion OK, y falso en caso contrario

return b.test(txt)

}

/* function validacion() {

valor = document.getElementById("campo").value;

if( !(/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)/.test(valor)) ) {

return false;

}

}*/

</script>

</head>

<body>

<h1 class="text-center"><strong>Validación de correo electrónico</strong></h1>

</div>

<label class="col-lg-2 control-label">Introduzca correo electronico:</label>

</div>

<button type="submit" name="enviar" value="validar" class="btn btn-primary">Validar</button>

</div>

</form>

</div>

</body>

</html>

Validación del select

<!DOCTYPE html>

<head>

function valida_envia(){

//valido el interés

if (document.fvalida.interes.selectedIndex==0){

alert("Debe seleccionar un interés.")

document.fvalida.interes.focus()

return 0;

}

//el formulario se envia

alert("Muchas gracias por enviar el formulario");

document.fvalida.submit();

}

</script>

</head>

<body>

<h1 class="text-center"><strong>Validación del select</strong></h1>

</div>

<label class="col-lg-2 control-label" for="selectbasic">Interés</label>

<option value="Elegir">Elegir

<option value="Comercial">Deportes

<option value="Clientes">Música

<option value="Proveedores">Manualidades

</select>

</div>

<button type="submit" name="enviar" value="Enviar" class="btn btn-primary" onclick="valida_envia()">Enviar</button>

</div>

</form>

</div>

</body>

</html>

Validación del número telefónico

<!DOCTYPE html>

<head>

function validacion3(formulario) {

var er_tel = /^\d{3}-\d{3}-\d{4}$/ ///^\d{10}$/ ej.9999999999

///^\d{3}-\d{3}-\d{4}$/ ej.900-900-9000

///^$\d{3}$\s\d{7}$/ ej.(900) 9009000

//comprueba campo telefono

if(!er_tel.test(formulario.tel.value)) {

alert('Introduzca un telefono valido')

return false

}

alert('El telefono es correcto.')

return false //cambiar por return true para ejecutar la accion del formulario

}

</script>

</head>

<body>

<h1 class="text-center"><strong>Validación de numero telefonico</strong></h1>

</div>

<label class="col-lg-2 control-label">Introduzca número telefónico:</label>

</div>

<button type="submit" name="boton_envio" value="validar" class="btn btn-primary" >Validar</button>

</div>

</form>

</div>

</body>

</html>

Validar longitud

<!DOCTYPE html>

<head>

function validacion3(formulario) {

var er_control = /^\d{8}$/ ///No. de control 8 digitos

//comprueba campo telefono

if(!er_control.test(formulario.control.value)) {

alert('Introduzca un número de control valido')

return false

}

alert('El número de control es correcto.')

return false //cambiar por return true para ejecutar la accion del formulario

}

</script>

</head>

<body>

<h1 class="text-center"><strong>Validación de numero de control</strong></h1>

</div>

<label class="col-lg-2 control-label">Introduzca número de control:</label>

</div>

<button type="submit" name="boton_envio" value="validar" class="btn btn-primary" >Validar</button>

</div>

</form>

</div>

</body>

</html>

Programación web

miércoles, 19 de noviembre de 2014

Semana del 10 - 14 de Noviembre

domingo, 16 de noviembre de 2014

Video del avance del prototipo

domingo, 9 de noviembre de 2014

Semana del 3 - 7 de Noviembre

domingo, 2 de noviembre de 2014

Video de header.php y footer.php

Semana del 27 al 31 de Octubre

miércoles, 29 de octubre de 2014

Video de Validación en el prototipo

Semana del 20 - 24 de Octubre