Código fuente del formulario
Descargar JQuery traducidos Aqui
1: <html>
2: <head>
3:
4:
5: <?php $jjq = base_url()."js/jquery-latest.js";
6: $jja = base_url()."js/jquery.validate.js";
7:
8: echo "<script src='$jjq'></script>1: ";2: echo "<script src='$jja'>1: ";2:3: ?>4:5: <style type="text/css">6:7: * { font-family: Verdana; font-size: 96%; }8: label { width: 10em; float: left; }9: label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }10: p { clear: both; }11: .submit { margin-left: 12em; }12: em { font-weight: bold; padding-right: 1em; vertical-align: top; }13:14:15:16:17: function validar(esto){18: valido=false;19: for(a=0;a<esto.elements.length;a++){20: if(esto[a].type=="checkbox" && esto[a].checked==true){21: valido=true;22: break23: }24:25: }26: if(!valido){27: alert("Chequee una casilla!");return false28: }29:30: }31:32:</script>
1:2: <script type="text/javascript">3:4: $(document).ready(function(){5: $("body div:last").remove();6: });</script>
1:2:3:4: $(document).ready(function(){5: $("#registro").validate({6: rules: {7: nom_usu: {8: required: true,9: maxlength: 25,10: minlength: 311: },12:13: login: {14: required: true,15: maxlength: 2,16: minlength: 2,17: number: true18: },19:20: psw: {21: required: true,22: maxlength: 10,23: minlength: 6,24: number: true,25: equalTo: "#psw1"26:27: },28:29: psw1: {30: required: true,31: maxlength: 10,32: minlength: 6,33: number: true34:35: },36:37: acceso: {38: required: true39: },40:41:42: status: {43: required: true44: }45: }46: });47:48: });49:</script>
9:10: <style>11: label{12: width:150px;13: display: inline-block;14: }15: </style>16:17: </head>18: <body>19: <div id="container" align="center">20:21:22: <form id="registro" name="registro" onclick="return validar(this)" action="<?=base_url()?>index.php/users/addUser" method="POST">23:24:25: <b><label for="login">Usuario:</label></b>26: <input type="text" name="login" id="login" onchange=""/> <br />27:28:29: <b><label for="nom_usu">Nombre:</label></b>30: <input type="text" name="nom_usu" id="nom_usu"/><br />31:32: <b><label for="psw">Contraseña</label></b>33: <input type="password" name="psw" id="psw" /><br />34:35:36: <b><label for="psw1">Repite contraseña</label></b>37: <input type="password" name="psw1" id="psw1"/><br />38:39: <b><label>Tipo de usuario</label></b>40: <select name="acceso" id="acceso">41: <option value="0">Registrado</option>42: <option value="1">Administrador</option>43:44: </select>45: <br />46: <br />47:48: <b><label>Estado de usuario</label></b>49: Activado<input type="radio" name="status" id="status" value="1"/>50: Desactivado<input type="radio" name="status" id="status" value="0"/>51:52: <br />53: <br />54: <br />55:56:57: <b><label for="local">Llamadas locales</label></b>58: <input type='checkbox' name="local" id="local" value='1' />59: <br />60: <br />61:62: <!--63: Llamadas locales64: Activadas65: Desactivadas66:67:
-->68:69: <b><label for="ld_nacional">Llamadas a larga distancia nacional</label></b>70: <input type='checkbox' name="ld_nacional" id="ld_nacional" value='1' />71: <br />72: <br />73: <br />74: <!--75: Llamadas a larga distancia nacional76: Activadas77: Desactivadas78:79:80:
-->81:82: <b><label for="cel_local">Llamadas a celular <br />local </label></b>83: <input type='checkbox' name="cel_local" id="cel_local" value='1' />84: <br />85: <br />86: <br />87:88: <!--89: Llamadas a celular
local90: Activadas91: Desactivadas92:93:94:
-->95:96:97: <b><label for="cel_ld">Llamadas a celular a larga distancia</label></b>98: <input type='checkbox' name="cel_ld" id="cel_ld" value='1' />99:100: <br />101: <br />102: <br />103:104: <!--105: Llamadas a celular a larga distancia106:107: Activadas108: Desactivadas109:110:111:
-->112:113: <b><label for="internacional">Llamadas internacionales</label></b>114: <input type='checkbox' name="internacional" id="internacional" value='1' />115: <br />116: <br />117: <br />118: <!--119: Llamadas internacionales120: Activadas121: Desactivadas122:123:124:125: -->126:127:128: <input type="submit" name="submit" value="Registrar"/><br />129:130:131:132: </form>133: </div>134: </div>135:136:137: </body>138: </html>