Perdi a tarde inteira tentando fazer o script abaixo funcionar e nada. Ele funciona em outras páginas, mas agora não quer funcionar!
Tem uma função que verifica os campos do formulário só que quando eu faço uso de (var nome = document.form.nome.value;) o script o script não funciona.
Pergunta
+.jr_Designer.+
Boa tarde pessoal,
Perdi a tarde inteira tentando fazer o script abaixo funcionar e nada. Ele funciona em outras páginas, mas agora não quer funcionar!
Tem uma função que verifica os campos do formulário só que quando eu faço uso de (var nome = document.form.nome.value;) o script o script não funciona.
Um abraço gelera.
Script pra teste:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Cadastro de Departamentos</title> <style type="text/css"> #Container{ width:96%; height:auto; background-color:#FFFFFF; border:1px solid #D5D5D5; padding: 30px 20px 60px 8px; margin:50px 30px 60px 10px;} #TituloOperacao{position:relative; width:400px; height:auto; background-color:#FFF; border:1px solid #FFFFFF; padding:6px 15px 6px 15px; left:10px; top:-45px; color:#666666; font-size:15px; font-weight:bold; text-align:center;} #tAtributo{position:relative; width:96%; height:22px; left:30px; border-bottom:2px solid #666666; font-size:15px; color:#666666; font-weight:bold;} #msgErro{position:relative; width:550px; height:44px; display:none; background:#639; top:2px; left:30px;} #Formulario{position:relative; width:100%; height:110px; color:#999999; left:30px; margin-top:10px; top: 0px;} #Menu{ position:relative; width:97%; height:40px; background-color:#FFF; border:1px solid #D5D5D5; margin:15px 17px 15px 10px; padding:6px 6px 6px 6px;} #Menu ul{list-style:none; margin-left:-40px;} #Menu a{position:relative; text-decoration:none; color:#ffffff; font-size:12px;} #Menu ul li:hover{background:#999; background-repeat:no-repeat;} .BtnMenu{display:inherit; background:#666; background-repeat:no-repeat; width:112px; height:26px; float:left; margin:0px 4px 0px 4px; text-align:center; margin-top:7px; padding-top:5px;} .edit{background-image:url(../imagens/bgEdit.jpg); background-repeat:no-repeat; background-position:center; border:1px solid #909090; height:16px; color:#000; font-size:10px;} .edit:focus{border:1px solid #F90;} </style> <script type="text/javascript"> function validaCampos() { var nome = document.form.nome.value; var mensagem = "<p><b>Erro: </b>Informe o nome do departamento!</p>"; alert(mensagem); if (nome == ""){ document.getElementById("msgErro").innerHTML = mensagem; document.getElementById("msgErro").style.display = "block"; document.form.nome.focus(); return false; } } </script> </head> <body> <div id="Menu"> <ul> <li class="BtnMenu"><a href="#" target="_self">Produtos</a></li> <li class="BtnMenu"><a href="#" target="_self">Categorias</a></li> <li class="BtnMenu"><a href="#" target="_self">Sub-Categorias</a></li> </ul> </div> <div id="Container"> <div id="TituloOperacao"> CADASTRAR NOVO DEPARTAMENTO </div><!--TituloOperacao--> <div id="tAtributo"> Atributos </div><!--tAtributos--> <div id="msgErro"></div><!--msgErro Exibirá os alertas de preenchimento obrigatório--> <div id="Formulario"> <form nema="form" method="post" action="#" onsubmit="return validaCampos()"> <table cellpadding="4"> <tr> <td width="60" align="left" valign="bottom" class="style1"> <label>Nome:</label> </td> <td width="60" align="left" valign="bottom" class="style2">Ordem</td> <td width="60" align="left" valign="bottom" class="style2"><label>Ativo</label></td> </tr> <tr> <td align="left" class="style1"> <input name="nome" type="text" class="edit" id="nome" size="40" maxlength="30" /> </td> <td align="left" class="style2"><input name="ordem" type="text" class="edit" id="ordem" size="8" maxlength="2" /></td> <td align="left" class="style2"> <select name="ativo" class="edit" id="status"> <option selected="selected">Selecione...</option> <option value="S">Sim</option> <option value="N">Não</option> </select> </td> </tr> <tr> <td colspan="3" class="style1"> <input type="submit" value="Cadastrar" name="btnCadastrar" id="btnCadastrar" /> </td> </tr> </table> </form> </div><!--Formulario--> </div><!--Container--> </body> </html>Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.