Verificação de dados de formulário

[thicomp]

Olá pessoal bom dia

Criei um formulário em HTML/ASP e fiz a validação dos dados desse formlário em Javascript, utilizando no <form>, o onSubmit(que chama a função para fazer a verificação se os dados não estão vazios).

Agora estou tentando fazer a mesma coisa, mas ao invés de o meu <form> ser enviado por um botão submit, ele é enviado por uma imagem, através do comando onClick.

O problema é que eu não consigo fazer com que a função de verificação dos dados desse formulário seja executada adequadamente. Ou seja, se eu tentar mandar o formulário vazio, ele é enviado, a função não é executada...

Alguém teria alguma sugestão?

Abraços

Thiago

[fercosmig]

posta seu código

[thicomp]

E ae cara, td bem?

Bom, o código é esse... A função que "teoricamente" era pra fazer a verificação dos dados, e abaixo o formulário...

Só pra lembrar, o código está funcionando perfeitamente, é só a verificação que ele não faz mesmo...

Abraços

Thiago

<script language="JavaScript">
function verifica(){
    if (document.forms[0].nm.value.length == 0)
    {
        alert('Por favor, preencha o campo Nome!');
        return false;
    }
    
    if (document.forms[0].nr.value.length == 0)
    {
        alert('Por favor, preencha o campo Número!');
        return false;
    }
    return true;
    }
    </SCRIPT>
<%
response.write "<FORM action='result.asp' method='post' onClick='return verifica()'>"
response.write "<INPUT type='hidden' name='nrped' value='"&nrped&"'>"
response.write "<INPUT type='hidden' name='tip' value='cadcot'>"
response.write "<INPUT type='hidden' name='proj' value='"&proj&"'>"
response.write "<TR><TD bgcolor='#666666'><B>&nbsp;<FONT color='#FFFFFF'>COTAÇÃO</FONT></B><TD width='26'>"
response.write "<TR><TD><B>&nbsp;Nome :&nbsp;</B><INPUT type='text' name='nm' size='40'>"
response.write "<TR><TD><B>&nbsp;Número :&nbsp;</B>"
response.write "<INPUT type='text' name='nr' size='10'>"

'ENVIA E RETORNA NOVO FORMULÁRIO PARA CADASTRO DE PEDIDO DE INSUMO/INTERMEDIÁRIO
response.write "<INPUT type='hidden' id='ac' name='acao' value=''>"
response.write "<TD><INPUT type='image' src='\img\plus1.gif' width='25' id='btn1' value='botao1' onclick='java script: envia(this.id);'>&nbsp;"

'CONCLUI A SOLICITAÇÃO
response.write "<INPUT type='image' src='\img\btConcluir.jpg' id='btn2' value='botao2' onclick='java script: envia(this.id);'>"
response.write "</FORM></TABLE></TABLE><BR>"
%>

Editado Fevereiro 10, 2011 por fercosmig
add tag's

[fercosmig]

troca esta linha

"<FORM action='result.asp' method='post' onClick='return verifica()'>"

por esta

"<FORM action='result.asp' method='post' onSubmit='return verifica();'>"

[thicomp]

É cara, realmente não sei o que pode estar acontecendo...

Sempre utilizo esse método de validação de formulários, mas usando o botão "submit" ao invés de imagens, e nunca me deu problemas. Não sei se tem alguma coisa a ver pelo envio ser feito através de uma imagem... Só pode, porque não tá dando certo...

Ele envia normalmente as dados pro servidor...

Bom, se você tiver alguma outra sugestão...

Obrigado!!

Thiago

[fercosmig]

posta a função envia();

[thicomp]

É esta...

function envia(id){
document.getElementById('ac').value=id;
document.form1.submit();
}

[fercosmig]

seu form não tem nome

coloca

"<FORM action='result.asp' name='form1' method='post' onSubmit='return verifica();'>"

[thicomp]

Ixi cara, acabei me desatentando com relação ao nome do form, mas mesmo assim, não tive sucesso ainda...

O problema é que nenhum tipo de erro ele me retorna...

Nem sei mais o que fazer....

Já coloquei as opções de onSubmit, de onClick e nada feito...

[fercosmig]

o input do tipo imagem é um submit

testei este script e funcionou de boa!

<script language="JavaScript" type="text/javascript">
<!--//
function verifica(){
    var err = 0;
    var nom = document.form1.nm;
    var num = document.form1.nr;
    if (nom.value.length == 0)
        err++;
    if (num.value.length == 0)
        err++;

    if (err > 0){
        alert("Os campos NOME e NÚMERO são obrigatórios");
        return false;
    }else
        return true;
}

function envia(pid){
        document.getElementById('ac').value = pid;
}

//-->
 </SCRIPT>
<%
response.write "<FORM action='result.asp' method='post' name='form1' onSubmit='java script: return verifica();'>"
response.write "<INPUT type='hidden' name='nrped' value='"&nrped&"'>"
response.write "<INPUT type='hidden' name='tip' value='cadcot'>"
response.write "<INPUT type='hidden' name='proj' value='"&proj&"'>"
response.write "<TR><TD bgcolor='#666666'><B>&nbsp;<FONT color='#FFFFFF'>COTAÇÃO</FONT></B><TD width='26'>"
response.write "<TR><TD><B>&nbsp;Nome :&nbsp;</B><INPUT type='text' name='nm' size='40'>"
response.write "<TR><TD><B>&nbsp;Número :&nbsp;</B>"
response.write "<INPUT type='text' name='nr' size='10'>"

'ENVIA E RETORNA NOVO FORMULÁRIO PARA CADASTRO DE PEDIDO DE INSUMO/INTERMEDIÁRIO
response.write "<INPUT type='hidden' id='ac' name='acao' value=''>"
response.write "<TD><INPUT type='image' src='\img\plus1.gif' width='25' id='btn1' value='botao1' onclick='java script: envia(this.id);'>&nbsp;"

'CONCLUI A SOLICITAÇÃO
response.write "<INPUT type='image' src='\img\btConcluir.jpg' id='btn2' value='botao2' onclick='java script: envia(this.id);'>"
response.write "</FORM></TABLE></TABLE><BR>"
%>

sobre o input: http://www.w3schools.com/TAGS/att_input_type.asp