Validando formulario con jquery - Historial de revisiones

J053D en 17:21 20 jul 2010

2010-07-20T17:21:46Z

Ismapera en 02:47 19 jul 2010

2010-07-19T02:47:36Z

Ismapera en 01:31 19 jul 2010

2010-07-19T01:31:28Z

Ismapera en 01:28 19 jul 2010

2010-07-19T01:28:47Z

Ismapera en 01:26 19 jul 2010

2010-07-19T01:26:52Z

Ismapera en 01:25 19 jul 2010

2010-07-19T01:25:42Z

190.76.54.235 en 01:21 19 jul 2010

2010-07-19T01:21:09Z

J053D: /* Descarga este ejemplo */

2010-07-03T17:00:25Z

Descarga este ejemplo

J053D en 23:45 28 jun 2010

2010-06-28T23:45:05Z

J053D en 16:24 2 jun 2010

2010-06-02T16:24:54Z

@@ Línea 308: / Línea 308: @@
 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');
-Debes de ingresarle otro atributo al text_field_tag() quedando de esta forma: text_field_tag('nombre','class: texto','size: 20', ''''name: nombre''''); de esa forma el validador si lo tomara en cuenta.
+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.
 '''Otra Solución:''' Se coloca el campo de esta manera:  text_field_tag(array('usuarios.nombre'),'class: texto','size: 20');
-De esta manera 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 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í:'''

@@ Línea 333: / Línea 333: @@
         },
         messages: {
-     	 usuarios: {
+     	 'usuarios[nombre]': {
              required: "Por favor, ingresa tu Nombre.",
              minlength: "Este campo debe ser de al menos 5 caracteres."

@@ Línea 322: / Línea 322: @@
-$(function(){
+   $(function(){
-// Validacion del formulario de registro
+       //Validacion del formulario de registro
-    $("#formularioreg").validate({
+      $("#formularioreg").validate({
      	event: "blur",
          rules: {

@@ Línea 318: / Línea 318: @@
 De esta manera 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í:
+De esta manera el código Javascript queda '''así:'''
-$(function(){ // Validacion del formulario de registro
+$(function(){
      $("#formularioreg").validate({
      	event: "blur",

@@ Línea 322: / Línea 322: @@
-$(function(){
+$(function(){ // Validacion del formulario de registro
      $("#formularioreg").validate({
      	event: "blur",
@@ Línea 338: / Línea 337: @@
           },
+       }
-      });
+      });});

@@ Línea 319: / Línea 319: @@
 De esta manera el código Javascript queda así:
 $(function(){
@@ Línea 338: / Línea 340: @@
       });
 });
 Así permite realizar la validación y enviar la información a una base de datos.

← Revisión anterior		Revisión del 01:21 19 jul 2010
Línea 314:		Línea 314:

	Debes de ingresarle otro atributo al text_field_tag() quedando de esta forma: text_field_tag('nombre','class: texto','size: 20', ''''name: nombre''''); de esa forma el validador si lo tomara en cuenta.		Debes de ingresarle otro atributo al text_field_tag() quedando de esta forma: text_field_tag('nombre','class: texto','size: 20', ''''name: nombre''''); de esa forma el validador si lo tomara en cuenta.
		+
		+	'''Otra Solución:''' Se coloca el campo de esta manera: text_field_tag(array('usuarios.nombre'),'class: texto','size: 20');
		+	De esta manera 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: {
		+	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 ==

@@ Línea 316: / Línea 316: @@
 == 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'''.
+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.
 [[Categoría:Tutoriales KumbiaPHP]]
 [[Categoría:jQuery]] .

← Revisión anterior		Revisión del 23:45 28 jun 2010
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');
		+
		+	jQuery cambia en su codigo el . por un _ es decir, que '''usuarios.nombre''', seria '''usuarios_nombre''', pero esto del validador de formularios por 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. Incluso, si se usa en el codigo javascript ''''usuarios_nombre'''' tampoco, para este caso en particular.
		+
		+	Debes de ingresarle otro atributo al text_field_tag() quedando de esta forma: text_field_tag('nombre','class: texto','size: 20', ''''name: nombre''''); de esa forma el validador si lo tomara en cuenta.

	== Descarga este ejemplo ==		== Descarga este ejemplo ==

@@ Línea 30: / Línea 30: @@
 <script language="javascript">
      $(document).ready(function() {
-       $("#formulario").validate({
+       $("#formularioreg").validate({
          rules: {
            nombre: {
@@ Línea 36: / Línea 36: @@
              minlength: 5
            },
            usuario: {
              required: true,
@@ Línea 64: / Línea 73: @@
              minlength: "Este campo debe ser de al menos 5 caracteres."
           },
           usuario: {
              required: "Por favor, ingresa tu nombre de usuario.",
@@ Línea 73: / Línea 91: @@
           },
           confirmarclave: {
-             required: "Por favor, vuelve a indicar tu clave.",
+             required: "Por favor, vuelve a ingresar tu clave.",
              minlength: "Tu clave debe ser de al menos 5 caracteres de longitud o mas.",
              equalTo: "No coincide con tu clave, por favor, verifica."
           },
-          correo: "Por favor, ingresa un correo valido.",
+          correo: {
           confirmarcorreo: {
              required: "Por favor, ingresa un correo valido.",
@@ Línea 114: / Línea 135: @@
 	    required: true,
 	    minlength: 7,
-	    equalTo: "#confirmarcedula"
+	    equalTo: "#cedula"
 	  },
            usuario: {