Submit

[crles 0]

ola pessoal.

 

Estou com problemas em validar campos utilizando um botão link.

 

se eu utilizar o <input type="submit" class="submit" value="Enviar" /> não tenho problemas em validar. Mas estou utilizando links como botões, <a href="#" onclick="javascript: document.form.function();">Enviar</a> ele ele não valida a função javascript.

 

abaixo o script que verifica os campos

        <script type="text/javascript">
	$msgCampoObrigatorio = 'Campo obrigatório.'
	$msgEmailObrigatorio = 'Digite um e-mail válido.'
		
            $(document).ready( function() {
                $("#formularioContato").validate({
                    // Define as regras
                    rules:{
                        edNome:{ // campoNome será obrigatorio (required) e terá tamanho minimo (minLength)
                            required: true, minlength: 2
                        },
                        edEmail:{ // campoEmail será obrigatorio (required) e precisará ser um e-mail válido (email)
                            required: true, email: true
                        },
                        edMensagem:{// campoMensagem será obrigatorio (required) e terá tamanho minimo (minLength)
                            required: true, minlength: 2
                        }
                    },
                    // Define as mensagens de erro para cada regra
                    messages:{
                        edNome:{
                            required: $msgCampoObrigatorio,
                            minlength: "O seu nome deve conter, no mínimo, 2 caracteres"
                        },
                        edEmail:{
                            required: $msgCampoObrigatorio,
                            email: $msgEmailObrigatorio
                        },
                        edMensagem:{
                            required: $msgCampoObrigatorio,
                            minlength: "A sua mensagem deve conter, no mínimo, 2 caracteres"
                        }
                    }
                });
            });
        </script>

abraços e obrigado

[Otata 4]

tenta assim

<a href="javascript:void(0)" onclick="document.form.submit()">Enviar</a> 

ou

<a href="javascript:document.form.submit();">Enviar</a> 

t+

[crles 0]

tenta assim

<a href="javascript:void(0)" onclick="document.form.submit()">Enviar</a> 

ou

<a href="javascript:document.form.submit();">Enviar</a> 

t+

 

++++++++++++++++++++++++++++++++

bom dia

 

tentei os dois exemplos acima, o mesmo envia o formulario mas não entra na função de validação de campos.

 

utilizei novamente

<input type="submit" valeu="enviar"> 

este funcionam perfeitamente e com

<input type="imagem" src="/imagem.jpg">

tambem funciona, só não consigo validar com

<a href="javascript:void(0)" onclick="document.form.submit()">Enviar</a> 

gostaria de utilizar o ultimo tipo de submit pois utilizo todos os botões como link.

 

grato pela atenção.

Charles.

[Otata 4]

é acho que o onSubmit nao rola nesse caso, o que você pode fazer é colocar o evento de validação no link , depois dar um submit no form...

[William Bruno 1501]

Talvez não esteja selecionando o formulário. tentou algo como:

<a href="javascript:void(0)" onclick="document.getElementById('formularioContato').submit();">Enviar</a>

[crles 0]

boa tarde.

 

fiz novo teste utilizei

<a href="javascript:void(0)" onclick="document.getElementById('formularioContato').submit();">Enviar</a> 

se eu digitar e-mail incorreto ou apenas um caractere nos demais campos o mesmo exibe a mensagem, mas ainda não estou conseguido validar o campo vazio.

 

 

não entendi o que o colega Otata sugeriu

é acho que o onsubmit nao rola nesse caso, o que você pode fazer é colocar o evento de validação no link , depois dar um submit no form...

 

grato

[Otata 4]

então cara o que disse que dessa maneira você tem que tirar do onsubmit a validação e chamar no onclick do link , ou pq você nao usa input mesmo ? eh mais facil e padrão..

[crles 0]

Desculpa insistir, mas estou utilizando uma barra com varios links ( gravar | novo | excluir | voltar ) acho que não vai ficar legal acrescentar um input junto aos links por isso insisto com o submit em javascrip.

 

Como escrevi antes fiz alguns teste e o mesmo esta entrando na condiçao, para validar mas parace estar passando por cima do required, pois se eu informar apenas um caractere mostra a mensagem "O seu nome deve conter, no mínimo, 2 caracteres"

 

grato pela atenção de todos.

 

<script type="text/javascript">
$msgCampoObrigatorio = 'Campo obrigatório.'
$msgEmailObrigatorio = 'Digite um e-mail válido.'
$(document).ready( function() {
          $("#formularioContato").validate({
          // Define as regras                    
          rules:{            
            edNome:{ 
               // campoNome será obrigatorio (required) e terá tamanho minimo (minLength)                  
               required: true, 
               minlength: 2                        
          messages:{                
            edNome:{             
               required: $msgCampoObrigatorio,
               minlength: "O seu nome deve conter, no mínimo, 2 caracteres"           
          },
}}}}          
 });       
 </script>