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: break
23: }
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: 3
11: },
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>