Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Wellington09

[Resolvido] jquery validate

Por , em Javascript

Recommended Posts

Wellington09    1

Wellington09
Postado

Eu tenho o seguinte codigo abaixo, onde o usuario clica no botão enviar sem digitar os campos do form, e ele valida o form , só que o problema que eu estou tendo é que eu tenho 2 forms na mesma pagina e quando eu clico em enviar no form de cima ele valida o de baixo tb , dando conflito.

 

validate.js

jQuery(document).ready(function() {
recipiente = jQuery('.error_explanation_jquery');
validator = jQuery("form").validate({
	errorContainer: recipiente,
	errorLabelContainer: jQuery("ul", recipiente),
	wrapper: 'li',
	rules:{
		'contact[name]'	:{required: true, minlength: 10},
		/* PRODUCT */
		'product[name]'	:{required: true},
	},
	messages:{
		'contato[name]'	:{required: 'Name - required field',	minlength: 'Name - minimum of 5 characters'},
		/* PRODUCT */
		'product[name]'	:{required: 'Name - required field', minlength: 'Name - minimum of 5 characters'},
	}
});
});

index

<!DOCTYPE html>
<html lang="pt-br">
   <head>
       <meta charset="utf-8" />
       <title>TESTE VALIDAÇÃO</title>
       <link href="stylesheets/style.css" rel="stylesheet">
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
       <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
       <script src="javascripts/validate.js"></script>
   </head>

   <body>
       <section>
             <form action="#" method="post">
               <div class="error_explanation_jquery">
                 <h2>Verifique a lista de erros abaixo:</h2>
                 <ul>
                 </ul>
               </div>
               <input name="product[name]"  type="text">
               <input type="submit" value="Enviar">
             </form>
       </section>

       <footer>
             <form action="#" method="post">
               <div class="error_explanation_jquery">
                 <h2>Verifique a lista de erros abaixo:</h2>
                 <ul>
                 </ul>
               </div>
               <input name="contact[name]"  type="text">
               <input type="submit" value="Enviar">
             </form>
       </footer>
   </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wellington09    1

Wellington09
Postado

O conflito ainda continua...onde estou errando ?

 

<form action="#" id="contact" name="contact" method="post">

 

<form action="#" id="product" name="product" method="post">

 

jQuery(document).ready(function() {

recipiente = jQuery('.error_explanation_jquery');

validator = ["#contact, #product"];
 	jQuery.each(validator, function(i,validator) {

jQuery(validator).validate({
               errorContainer: recipiente,
               errorLabelContainer: jQuery("ul", recipiente),
               wrapper: 'li',
               rules:{
                       'contact[name]' :{required: true, minlength: 10},
                       /* PRODUCT */
                       'product[name]' :{required: true},
               },
               messages:{
                       'contato[name]' :{required: 'Name - required field',    minlength: 'Name - minimum of 5 characters'},
                       /* PRODUCT */
                       'product[name]' :{required: 'Name - required field', minlength: 'Name - minimum of 5 characters'},
               }
       });
});

 

alguem pode dar uma forcinha ae ?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito