Вы находитесь на странице: 1из 15

CREACION DE UN FORMULARIO CON PHP Y JAVASCRIPT Con el cosigo siguiente podemos montar una sitio asi:

<?php session_start(); //verificando que el usuario ha sido logueado con el pass valido if ($_SESSION[authuser]!=1) { echo '<script>location.href="login_usuario.php";</script>'; exit(); } ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="../../img/estilo.css" rel="stylesheet" type="text/css"> <script> function validar_texto(e){ tecla = (document.all) ? e.keyCode : e.which;

//Tecla de retroceso para borrar, siempre la permite if (tecla==8) return true; patron = /\d/; tecla_final = String.fromCharCode(tecla); return patron.test(tecla_final); } </script> <script> function validar(){ control=parseInt(1); a='Le hace falta diligenciar los datos de '; if(document.f1.Fingreso.value==''){ control=parseInt(0); alert(a+' la Fecha de Ingreso '); document.f1.Fingreso.focus(); } else if(document.f1.ape.value==''){ control=parseInt(0); alert(a+' Apellidos'); document.f1.ape.focus(); } else if(document.f1.nom.value==''){ control=parseInt(0); alert(a+' Nombres ');

document.f1.nom.focus(); } else if(document.f1.nid.value==''){ control=parseInt(0); alert(a+' Numero de Identificacion '); document.f1.nid.focus(); } else if(document.f1.edad.value==''){ control=parseInt(0); alert(a+' Edad '); document.f1.edad.focus(); } else if(document.f1.Fnacimiento.value==''){ control=parseInt(0); alert(a+' Fecha de Nacimiento '); document.f1.Fnacimiento.focus(); } else if(document.f1.lugarnaci.value==''){ control=parseInt(0); alert(a+' Lugar de Nacimiento '); document.f1.lugarnaci.focus(); }

else if(document.f1.celular.value==''){ control=parseInt(0); alert(a+' el celular '); document.f1.celular.focus(); } else /**alert("caballo silver");**/ if(document.f1.dircasa.value==''){ control=parseInt(0); alert(a+' la Direccion de la casa '); document.f1.dircasa.focus(); } else if(document.f1.ciucasa.value==''){ control=parseInt(0); alert(a+' El Municio de Residencia '); document.f1.ciucasa.focus(); } else if(document.f1.telecasa.value==''){ control=parseInt(0); alert(a+' Telefono de la Residencia '); document.f1.telecasa.focus(); } else

if(document.f1.dirofi.value==''){ control=parseInt(0); alert(a+' la Direccin de la Oficina '); document.f1.dirofi.focus(); } else if(document.f1.ciuofi.value==''){ control=parseInt(0); alert(a+' ciudad en donde se ubica la Oficina '); document.f1.ciuofi.focus(); } else if(document.f1.teleofi.value==''){ control=parseInt(0); alert(a+' el Telefono de la Oficina '); document.f1.telofi.focus(); } else if(document.f1.respaciente.value==''){ control=parseInt(0); alert(a+' el Responsable del Paciente'); document.f1.respaciente.focus(); } else if(document.f1.parentesco.value==''){ control=parseInt(0);

alert(a+' el parentesco de la persona responsable del paciente'); document.f1.parentesco.focus(); } else if(document.f1.remitidopor.value==''){ control=parseInt(0); alert(a+' de Quien lo remite en la Empresa'); document.f1.remitidopor.focus(); } if(control==1){ /**document.f1.ape.toUpperCase(); document.f1.nom.toUpperCase(); document.f1.lugarnaci.toUpperCase(); document.f1.dircasa.toUpperCase(); document.f1.ciucasa.toUpperCase(); document.f1.dirofi.toUpperCase(); document.f1.ciuofi.toUpperCase(); document.f1.respaciente.toUpperCase(); document.f1.parentesco.toUpperCase();*/ f=confirm(" Esta a punto de almacenar los Datos del paciente, desea realizarlo ?"); if(f==true){document.f1.submit();} } } function validarsubida(){ controlb=parseInt(1); b='Le hace falta diligenciar los datos de ';

if(document.f1.nid.value==''){ controlb=parseInt(0); alert(a+' el numero de identificacion del paciente '); document.f1.nid.focus(); } if(controlb==1){ f=confirm(" Desea seleccionar la imagen o foto del paciente ahora ? \n Recuerde que debe ser una imagen en formato == gif, jpg o png == ?"); if(f==true){ var opciones="left=100,top=100,width=805,height=250"; mi_ventana = window.open("../options/subir.php? nidtranfer="+document.f1.nid.value+"&serie="+document.f1.serie.value,"",op ciones); } } }

</script> <script src="calendares.js"> </script> <TITLE>SISTEMA DE INFORMACION CITAS ORTOSALUD</TITLE> <script language="JavaScript" type="text/JavaScript"> <!-function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //-->

function popUp(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width =1280,height=800');"); } </script> </head> <body topmargin="2" background="../../img/fondo.PNG" > <table border="1" bgcolor="#FFFFFF" align="center" width="70%" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000"> <tr><td>

<form name="f1" method="post" action="putcliente.php">

<table width="83%" border="0" bgcolor="#FFFFFF" align="center"> <tr> <td colspan="4" align="center"><img src="../../img/titulo_completo.jpg"></td> </tr> <tr>

<td colspan="4" align="center"><object classid="clsid:D27CDB6E-AE6D11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflas h.cab#version=6,0,29,0" width="592" height="94"> <param name="movie" value="../../img/datos_personales.swf"> <param name="quality" value="high"> <embed src="../../img/datos_personales.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="592" height="94"></embed> </object></td> </tr> <tr>

<td width="17%"><label for="Fingreso">Fecha de Ingreso</label></td> <td width="63%"> <input name="Fingreso" type="text" size="20" value="<? include 'getconfigbd.php'; echo $hoy; ?>"> <img src="img/calendar.gif" onClick="popUpCalendar(this, document.f1.Fingreso,'yyyy-mm-dd');return false;" alt='Selecciona Fecha'> </td>

</tr> <tr>

<td> <label for="ape">Apellidos</label></td> <td><input type="text" name="ape" size="60" ></td>

</tr> <tr>

<td> <label for="nom">Nombres</label></td>

<td><input type="text" name="nom" size="60" ></td>

</tr> <tr>

<td><label for="nid"> Numero de Identificacion</label> &nbsp;</td> <td> <input type="text" name="nid" value="<? echo $_SESSION['nip_paciente']; ?>" size="24" onkeypress="return validar_texto(event)"> <input type="button" name="uploadfile" value="Ingresar Imagen" onClick="javascript:validarsubida();"></td>

</tr> <tr>

<td>Edad</td> <td><input type="text" name="edad" size="24" onkeypress="return validar_texto(event)"></td>

</tr> <tr>

<td><label for="sexo">Sexo</label></td> <td><select name="sexo"> <option value="M" selected>Masculino</option> <option value="F">Femenino</option> </select></td>

</tr> <tr>

<td><label for="Fnacimiento">Fecha de Nacimiento</label></td> <td><input name="Fnacimiento" type="text" size="20"> <img src="img/calendar.gif" onClick="popUpCalendar(this, document.f1.Fnacimiento,'yyyy-mm-dd');return false;" alt='Selecciona Fecha'></td>

</tr> <tr>

<td>Lugar de Nacimiento </td> <td><input type="text" name="lugarnaci" size="40" ></td>

</tr> <tr>

<td><label for="estcivil">Estado Civil</label></td> <td> <select name="estcivil"> <option selected value="Soltero">Soltero</option> <option value="Separado">Separado</option> <option value="Casado">Casado</option> </select></td>

</tr> <tr>

<td><label for="ocupacion">Ocupacion</label></td> <td> <select name="ocupacion"> <option selected value="Estudiante">Estudiante</option> <option value="Profesor">Profesor</option> <option value="Servidor Publico">Servidor Publico</option> <option value="Estilista">Estilista</option> <option value="Empresario">Empresario</option> <option value="Comerciante">Comerciante</option> <option value="TrabajadorIndependiente">Trabajador Independiente</option> <option value="Ingeniro">Ingeniero</option> <option value="Quimico">Quimico</option> <option value="Fisico">Fisico</option> <option value="Abogado">Abogado</option> <option value="AmadeCasa">Ama de Casa</option> <option value="Biologo">Biologo</option> <option value="Biologo">Biologo</option> </select> </td>

</tr> <tr>

<td><label for="celular">Celular</label></td>

<td><input name="celular" type="text" onkeypress="return validar_texto(event)" value="0" size="30"></td>

</tr> <tr>

<td><label for="dircasa">Direccion de Casa</label></td> <td><input name="dircasa" type="text" value="Calle size="30" > No Barrio"

<label for="ciucasa">Ciudad</label> <input name="ciucasa" type="text" value="Monteria" size="20" > <label for="telecasa">Telefono</label> <input type="text" name="telecasa" value="0" size="20" onkeypress="return validar_texto(event)"></td>

</tr> <tr>

<td><label for="dirofi">Direccion de Oficina</label></td> <td><input name="dirofi" type="text" value="Calle size="30"> No Barrio"

<label for="ciuofi">Ciudad</label> <input type="text" name="ciuofi" value="Monteria" size="20" > <label for="teleofi">Telefono</label> <input type="text" name="teleofi" value="0" size="20" onkeypress="return validar_texto(event)"></td>

</tr> <tr>

<td><label for="respaciente">Responsable del Paciente</label></td>

<td><input type="text" name="respaciente" value="Ana Maria Orozco" size="40"> <label for="perentesco">Parentesco</label> <input type="text" name="parentesco" size="38"></td>

</tr> <tr>

<td><label for="Remitido">Remitido por </label> </td> <td><select name="remitidopor"> <option value="Plan Amigo">Plan Amigo </option> <option value="Radio">Radio </option> <option value="Television">Televisin</option> <option value="Prensa">Prensa</option> <option value="Vallas Publicitaria">Vallas Publicitaria</option> <option value="Bolantes">Bolantes</option> <option value="Instalaciones">Istalaciones</option> </select><input type="hidden" name="serie" value="guardar"> </td>

</tr> <tr> <td><label for="Remitido">Usuario Actual </label> </td> <td> <? echo " <b>". strtoupper($_SESSION[username])."</b>"; ?> </td>

</tr> </table>

</form>

<div id="Layer1" style="position:relative; width:542px; height:59px; z-index:1; left: 140px; top: 1px;"> <img src="../../img/volver_a_principal.jpg" onClick="javascript:location.href='../usuario.php';"> <img src="../../img/imprimir.jpg" onClick="javascript:window.print();"> <img src="../../img/consultar.jpg" onClick="javascript:popUp('getregistrousuario.php');"> <img src="../../img/guardar.jpg" onClick="javascript:validar();">

</div> <table width="100%" border="0"> </table>

</td> </tr> </table> </body> </html>

Вам также может понравиться