UNIDAD 5:
UNIDAD 5 ENLACE PARA VER LA CARPETA COMPLETA DEL PROGRAMA ASISTENCIA CON LOS AVANCES REALIZADOS HASTA EL 12 /05/ 2016
https://drive.google.com/drive/folders/0B92Y602VW2GZanU0djJYM1hZUFE
jueves, 12 de mayo de 2016
4.1. EJEMPLO DE VALIDACIONES EN PROYECTO
INSTITUTO TECNOLÓGICO DE VILLAHERMOSA
TIERRA, TIEMPO, TRABAJO Y TECNOLOGÍA
INGENIERÍA
EN TECNOLOGÍAS DE LA INFORMACIÓN Y LAS COMUNICACIONES
- PROGRAMACIÓN WEB –
UNIDAD
4: VALIDACIONES
PRESENTA:
TRINIDAD
DEL CARMEN BAEZA DIAZ
PROFESOR:
JAVIER ROMERO
VILLAHERMOSA, TABASCO, MAYO 2016.
USO DE LAS VALIDACIONES EN EL FORMULARIO MODIFICAR GRUPO VALIDANDO CARÁCTER
Y CAMPOS NO VACIOS.
n
VALIDACIÓN DE CARÁCTER EN MODIFICAR GRUPO:
<!DOCTYPE html>
<?php
require("lib/conexion.php");
$db = Connection();
$id = $_GET["id"];
$datos = $db->record("SELECT * from cat_grupos WHERE
Id_Grupo=?",array($id));
?>
<html lang="en">
<head>
<script
language="javascript" type="text/javascript">
function ValidaCampo(campo, caract_extra, nulo) {
if (nulo == 1
&& campo == "") {
alert("ERROR:
No puede dejar este campo vacio")
return false
}
var ubicacion
var enter =
"\n"
var caracteres =
"abcdefghijklmnopqrstuvwxyzñ1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZÑáéíóúÁÉÍÓÚ" + String.fromCharCode(13) + enter +
caract_extra
var contador = 0
for (var i=0; i <
campo.length; i++) {
ubicacion =
campo.substring(i, i + 1)
if (caracteres.indexOf(ubicacion)
!= -1) {
contador++
} else {
alert("ERROR: No se acepta el caracter '" + ubicacion +
"'.")
return false
}
}
//para que envie los
datos, quitar las 2 lineas siguientes
alert("Datos
correctos.")
return false
}
</script>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<meta name="description"
content="">
<meta name="author" content="">
<link
rel="icon" type="image/png"
href="img/favicon.ico" />
<link rel="shortcut icon"
href="../../assets/ico/favicon.png">
<title>Formulario Grupos</title>
<!-- Bootstrap core CSS -->
<link
href="bootstrap/bootstrap/css/bootstrap.css"
rel="stylesheet">
<!-- Custom styles for this template -->
<link href="jumbotron.css"
rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5
elements and media queries -->
<!--[if lt IE 9]>
<script
src="../../assets/js/html5shiv.js"></script>
<script
src="../../assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse
navbar-fixed-top">
<div
class="container">
<div
class="navbar-header">
<button
type="button" class="navbar-toggle"
data-toggle="collapse" data-target=".navbar-collapse">
<span
class="icon-bar"></span>
<span
class="icon-bar"></span>
<span
class="icon-bar"></span>
</button>
<img
src="recursos\logo itvh.jpg" width="30"
height="40"/>
<a
class="navbar-brand" href="#">SICOES</a>
</div>
<form
action='index.php' class="navbar-form navbar-right">
<div
class="form-group" >
<font
color=white><span class="glyphicon
glyphicon-user"></span> Pedro Garcia Ramos</font>
</div>
<button type="submit"
class="btn btn-success">Salir</button>
</form>
</div>
</div>
<!-- Main jumbotron for a primary marketing message or
call to action -->
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-lg-12">
<br> <br> <br>
<h1>Formulario Grupos</h1>
<form class="form-horizontal"
action="guardar.php" method="POST">
<INPUT
TYPE="HIDDEN" NAME='Id_Grupo' VALUE='<?=$Id_Grupo?>'>
<div class="form-group">
<label
class="col-lg-3 control-label" for="Id_Grupo">Num.
Grupo</label>
<div class="col-lg-3">
<input id="Id_Grupo"
name="Id_Grupo" type="text"
value='<?=$datos->Id_Grupo?>' class="form-control
input-md">
</div>
</div>
<?php
$materias =
$db->query("SELECT * FROM cat_materias ORDER BY Nom_Materia");
?>
<div class="form-group">
<label class="col-lg-3 control-label"
for="Cve_Materia">Materia</label>
<div
class="col-lg-3">
<select
required="required" class="form-control"
name="Cve_Materia">
<option
value="" disabled select>Seleccionar una Materia</option>
<?php
while($mat=$materias->fetchObject()){
echo
"<option
value='{$mat->Cve_Materia}'>{$mat->Nom_Materia}</option>";
}
?>
</select>
</div>
</div>
<?php
$periodos =
$db->query("SELECT * FROM cat_periodo ORDER BY Nom_Periodo");
?>
<div class="form-group">
<label class="col-lg-3 control-label"
for="selectbasic">Periodo</label>
<div class="col-lg-3">
<select required="required" class="form-control"
name="Id_Periodo">
<option
value="" disabled select>Seleccionar un Periodo</option>
<?php
while($per=$periodos->fetchObject()){
echo
"<option
value='{$per->Id_Periodo}'>{$per->Nom_Periodo}</option>";
}
?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label"
for="selectbasic">Aula</label>
<div
class="col-lg-2">
<input id="Aula" name="Aula"
type="text" value='<?=$datos->Aula?>'
class="form-control input-md">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label"
for="selectbasic">Letra</label>
<div class="col-lg-3">
<input id="Letra" name="Letra"
type="text" value='<?=$datos->Letra?>'
class="form-control input-md">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label"
for="selectbasic">Dia Clase</label>
<div class="col-lg-3">
<input id="Dia_Clase"
name="Dia_Clase" type="text"
value='<?=$datos->Dia_Clase?>' class="form-control
input-md">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label"
for="selectbasic">Hora Clase</label>
<div class="col-lg-3">
<input id="Hora_clase"
name="Hora_Clase" type="text"
value='<?=$datos->Hora_Clase?>' class="form-control
input-md">
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-8">
<button type="submit" class="btn
btn-primary">Guardar<a
href='ListaDeGrupos.php'></a></button>
<a class="btn btn-default"
href='ListaDeGrupos.php'>Cancelar</a>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- /container -->
<!-- Bootstrap
core JavaScript
================================================== -->
<!-- Placed at
the end of the document so the pages load faster -->
<script
src="bootstrap/bootstrap/js/jquery.js"></script>
<script
src="bootstrap/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
n
VALIDAR CAMPO NO VACIO EN MODIFICAR GRUPO
<!DOCTYPE html>
<?php
require("lib/conexion.php");
$db = Connection();
$id = $_GET["id"];
$datos = $db->record("SELECT * from cat_grupos WHERE
Id_Grupo=?",array($id));
?>
<html lang="en">
<head>
<script
language="javascript" type="text/javascript">
//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>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<meta name="description"
content="">
<meta name="author" content="">
<link
rel="icon" type="image/png"
href="img/favicon.ico" />
<link rel="shortcut icon"
href="../../assets/ico/favicon.png">
<title>Formulario Grupos</title>
<!-- Bootstrap core CSS -->
<link
href="bootstrap/bootstrap/css/bootstrap.css"
rel="stylesheet">
<!-- Custom styles for this template -->
<link href="jumbotron.css"
rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5
elements and media queries -->
<!--[if lt IE 9]>
<script
src="../../assets/js/html5shiv.js"></script>
<script src="../../assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse
navbar-fixed-top">
<div
class="container">
<div
class="navbar-header">
<button
type="button" class="navbar-toggle" data-toggle="collapse"
data-target=".navbar-collapse">
<span
class="icon-bar"></span>
<span
class="icon-bar"></span>
<span
class="icon-bar"></span>
</button>
<img
src="recursos\logo itvh.jpg" width="30"
height="40"/>
<a
class="navbar-brand" href="#">SICOES</a>
</div>
<form
action='index.php' class="navbar-form navbar-right">
<div
class="form-group" >
<font color=white><span
class="glyphicon glyphicon-user"></span> Pedro
Garcia Ramos</font>
</div>
<button
type="submit" class="btn
btn-success">Salir</button>
</form>
</div>
</div>
<!-- Main jumbotron for a primary marketing message or
call to action -->
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-lg-12">
<br> <br> <br>
<h1>Formulario Grupos</h1>
<form class="form-horizontal"
action="guardar.php" method="POST">
<INPUT
TYPE="HIDDEN" NAME='Id_Grupo' VALUE='<?=$Id_Grupo?>'>
<div
class="form-group">
<label
class="col-lg-3 control-label" for="Id_Grupo">Num.
Grupo</label>
<div class="col-lg-3">
<input id="Id_Grupo"
name="Id_Grupo" type="text"
value='<?=$datos->Id_Grupo?>' class="form-control
input-md">
</div>
</div>
<?php
$materias =
$db->query("SELECT * FROM cat_materias ORDER BY Nom_Materia");
?>
<div class="form-group">
<label class="col-lg-3 control-label"
for="Cve_Materia">Materia</label>
<div
class="col-lg-3">
<select
required="required" class="form-control"
name="Cve_Materia">
<option
value="" disabled select>Seleccionar una Materia</option>
<?php
while($mat=$materias->fetchObject()){
echo
"<option
value='{$mat->Cve_Materia}'>{$mat->Nom_Materia}</option>";
}
?>
</select>
</div>
</div>
<?php
$periodos =
$db->query("SELECT * FROM cat_periodo ORDER BY Nom_Periodo");
?>
<div class="form-group">
<label class="col-lg-3 control-label"
for="selectbasic">Periodo</label>
<div class="col-lg-3">
<select required="required"
class="form-control" name="Id_Periodo">
<option
value="" disabled select>Seleccionar un Periodo</option>
<?php
while($per=$periodos->fetchObject()){
echo
"<option
value='{$per->Id_Periodo}'>{$per->Nom_Periodo}</option>";
}
?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label"
for="selectbasic">Aula</label>
<div
class="col-lg-2">
<input id="Aula" name="Aula"
type="text" value='<?=$datos->Aula?>'
class="form-control input-md">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label"
for="selectbasic">Letra</label>
<div class="col-lg-3">
<input id="Letra" name="Letra"
type="text" value='<?=$datos->Letra?>'
class="form-control input-md">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label"
for="selectbasic">Dia Clase</label>
<div class="col-lg-3">
<input id="Dia_Clase"
name="Dia_Clase" type="text"
value='<?=$datos->Dia_Clase?>' class="form-control
input-md">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label"
for="selectbasic">Hora Clase</label>
<div class="col-lg-3">
<input id="Hora_clase"
name="Hora_Clase" type="text"
value='<?=$datos->Hora_Clase?>' class="form-control
input-md">
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-8">
<button type="submit" class="btn
btn-primary">Guardar<a
href='ListaDeGrupos.php'></a></button>
<a class="btn btn-default"
href='ListaDeGrupos.php'>Cancelar</a>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- /container -->
<!-- Bootstrap
core JavaScript
================================================== -->
<!-- Placed at
the end of the document so the pages load faster -->
<script
src="bootstrap/bootstrap/js/jquery.js"></script>
<script
src="bootstrap/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
Suscribirse a:
Comentarios (Atom)