Validar com javascript

5 respostas
K
Caros, estou com uma dúvida. Tenho esse código que segue abaixo:
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Cadastro</title>
        <!-- <link rel="stylesheet" href="geral.css" type="text/css" />  -->
        <script type="text/javascript">
            function validacadastro()
            {
                if(frmcad.placa.value == "")
                    {
                        alert("Favor informar a placa!");
                        frmcad.placa.focus();
                        return false;
                    }
            }
        </script>
<table border="1" cellpadding="0" cellspacing="0">
                        <tr>
                            <td width="100">
                                <label>Placa:</label>
                            </td>
                            <td>
                                <input type="text" name="placa" title="placa"/>
                            </td>
</table>
<p align="center">
                    <input type="button" value="Salvar" onclick="validacadastro()" />
                    
                </p>
Quando rodo este código no Notpadd ++ a validação do campo ocorre direitinho, mas quando mando executar usando o netbeans nada funciona. O que estou fazendo de errado ou deixei de fazer?

5 Respostas

ppro11

Você precisa colocar a tag form e nomeá-la com o nome frmcad

A

Onde vc deu nome ao formulário de “frmcad”?

K
Segue o codigo completo....
<html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
        <title>Cadastro</title>  
        <!-- <link rel="stylesheet" href="geral.css" type="text/css" />  -->  
        <script type="text/javascript">  
            function validacadastro()  
            {  
                if(frmcad.placa.value == "")  
                    {  
                        alert("Favor informar a placa!");  
                        frmcad.placa.focus();  
                        return false;  
                    }  
            }  
        </script>  
<fieldset style="background: #cceecc url(fundo.png) repeat-x bottom; width: 50%; margin: 0px auto;">
            <legend align="center"><font face="arial" size="5">Cadastro de Veículo</font></legend>
            <form name="frmcadveiculo" method="post" >
                <br /><br /><br />
                <div align="center">
<table border="1" cellpadding="0" cellspacing="0">  
                        <tr>  
                            <td width="100">  
                                <label>Placa:</label>  
                            </td>  
                            <td>  
                                <input type="text" name="placa" title="placa"/>  
                            </td>  
</table>  
<p align="center">  
                    <input type="button" value="Salvar" onclick="validacadastro()" />  
                      
                </p>  
</form>
<fieldset>
ppro11

O seu script deve ficar assim:

<script language="javascript" type="text/javascript">    
            function validacadastro() {    
               if(frmcadveiculo.placa.value == "") {    
                   alert("Favor informar a placa!");    
                   frmcadveiculo.placa.focus();    
                   return false;    
               }    
            }    
        </script>

       //form...
       
       //altere para input type="submit" e no onclick de um "return validacadastro()"
       <input type="submit" value="Salvar" onclick=" return validacadastro()" />

Abs!

E

Aconcelho a vc utilizar um framework de desenvolvimento JS chamado JQuery isso vai facilitar mto sua vida…

http://docs.jquery.com/Plugins/Validation

seu code ficaria mais o menos assim:

$(formcadveiculo).validate();
$(formcadveiculo.placa).rules("add",{
    required: true,
    messages:{
        required: "Favor informar a placa!"
    }
})
Criado 19 de janeiro de 2013
Ultima resposta 20 de jan. de 2013
Respostas 5
Participantes 4