Revisión actual |
Tu texto |
Línea 308: |
Línea 308: |
| | | |
| Enjoy! | | Enjoy! |
− |
| |
− |
| |
− | '''Nota:''' Cuando realizamos formularios, en vista de que eso estara relacionado a una base de datos, los campos en vez de text_field_tag(''''nombre'''','class: texto','size: 20'); seria text_field_tag(''''tabla.nombre'''','class: texto','size: 20'); por ejemplo, siendo el campo 'nombre' de una tabla usuarios, seria text_field_tag(''''usuarios.nombre'''','class: texto','size: 20');
| |
− |
| |
− |
| |
− | El HTML cambia en su codigo el . por un _ es decir, que '''usuarios.nombre''', seria '''usuarios_nombre''', pero el validador de formularios de jQuery necesita es el atributo html '''name''' y no '''id'''. Si en el codigo javascript de validacion se usa solo ''''nombre'''' siendo en la pagina del formulario '''usuarios.nombre''', no lo tomara en cuenta, debe ser usuarios_nombre en el codigo javascript de jQuery.
| |
− |
| |
− |
| |
− | Esta practica no esta relacionada a una base de datos, por eso el código de jQuery no posee el llamado tabla_campo (usuarios_nombre) para este caso en particular. Con ver el código HTML que devuelve el navegador referente a los helpers de KumbiaPHP Framework puede verse presionando Ctrl+U y observar el '''name''' y '''id''' que devuelve el helper para saber su sintaxis y colocarla en el código javascript de jQuery.
| |
− |
| |
− |
| |
− | Para el helper text_field_tag() con el ejemplo text_field_tag('usuarios.nombre'); donde '''usuarios''' es la tabla y '''nombre''' un campo de esta, el '''name''' devuelve el codigo HTML '''usuarios[nombre]''' y el '''id''' devuelto es '''usuarios_nombre'''.
| |
− |
| |
− |
| |
− | '''Otra Solución:''' Se coloca el campo de esta manera: text_field_tag(array('usuarios.nombre'),'class: texto','size: 20');
| |
− | De esta manera como ya se ha comentado, Kumbia lo convierte a id="usuarios_nombre" y name="usuarios[nombre]" respectivamente, como JQuery necesita el atributo '''name''', en el código Javascript se coloca el '''name''' del campo con comillas simples, es decir 'usuarios[nombre]'
| |
− |
| |
− |
| |
− | De esta manera el código Javascript queda '''así:'''
| |
− |
| |
− |
| |
− |
| |
− | $(function(){
| |
− | //Validacion del formulario de registro
| |
− | $("#formularioreg").validate({
| |
− | event: "blur",
| |
− | rules: {
| |
− | 'usuarios[nombre]': {
| |
− | required: true,
| |
− | minlength: 5
| |
− | },
| |
− | },
| |
− | messages: {
| |
− | 'usuarios[nombre]': {
| |
− | required: "Por favor, ingresa tu Nombre.",
| |
− | minlength: "Este campo debe ser de al menos 5 caracteres."
| |
− | },
| |
− | }
| |
− | });});
| |
− |
| |
− |
| |
− |
| |
− | Así permite realizar la validación y enviar la información a una base de datos.
| |
| | | |
| == Descarga este ejemplo == | | == Descarga este ejemplo == |
− | Descarga: [http://dl.dropbox.com/u/2807704/kumbiaPHP/v1_b1/app_validacion_formulario.zip app_validacion_formulario] para el '''core''' del '''beta1''' de Spirit v1.0. | + | Descarga: [http://dl.dropbox.com/u/2807704/kumbiaPHP/v1_b1/app_validacion_formulario.zip app_validacion_formulario] para el '''core''' del '''beta1'''. |
| | | |
| [[Categoría:Tutoriales KumbiaPHP]] | | [[Categoría:Tutoriales KumbiaPHP]] |
| [[Categoría:jQuery]] . | | [[Categoría:jQuery]] . |