[Resolvido] Erro Validação de Form em JavaScript

HemersonSales · Setembro 13, 2011

Aee Galera

Então eu tenho uma página de formulário de inscrição e estou usando JavaScript para validar o formulário antes de enviar para a minha outra página que vai tratar estes dados e enviar e-mail (enviar.php).

Eu já fiz este tipo de validação várias vezes, mas desta vez não sei o que está acontecendo.

Segue o código da função JavaScript:

function verificar () {
                       var certo = 1;
		var alerta = "Os seguintes campos não foram preenchidos:\n";

		nome = document.getElementById("nome").value;
		email = document.getElementById("email").value;
		rg = document.getElementById("rg").value;
		cpf = document.getElementById("cpf").value;
		cep = document.getElementById("cep").value;
		end = document.getElementById("end").value;
		cid = document.getElementById("cidade").value;
		modulo = document.getElementById("modulo").value;

		if (nome == '') {
			alerta = alerta + 'Nome\n';
			certo = 0;
		}
		if (email == '') {
			alerta = alerta + 'E-Mail\n';
			certo = 0;
		}
		if (rg == '') {
			alerta = alerta + 'RG\n';
			certo = 0;
		}
		if (cpf == '') {
			alerta = alerta + 'CPF\n';
			certo = 0;
		}
		if (cep == '') {
			alerta = alerta + 'CEP\n';
			certo = 0;
		}
		if (end == '') {
			alerta = alerta + 'Logradouro\n';
			certo = 0;
		}
		if (cid == '') {
			alerta = alerta + 'Cidade\n';
			certo = 0;
		}
		if (modulo == '0') {
			alerta = alerta + 'Módulo';
			certo = 0;
		}
		if (certo == 1) {
			document.frm.submit();
		} else {
			alert(alerta);
		}
	}

Todos os elementos existem no código esta dando o seguinte erro "OBJETO NÃO DA SUPORTE PARA PROPRIEDADE OU MÉTODO".

A linha que dá o erro é a 4 linha de baixo pra cima, onde se a condição for verdadeira vai fazer o submit do form(document.frm.submit();).

"frm" é o nome do meu form, que esta correto.

William Bruno · Setembro 27, 2011

dê um ID ao form e faça assim:

 document.getElementById('frm').submit();

HemersonSales · Setembro 27, 2011

Continua dando o mesmo erro "Objeto Não dá Suporte para Propriedade ou Método"

William Bruno · Setembro 27, 2011

Mostre o html.

HemersonSales · Setembro 27, 2011

<form name="frm" id="frm" method="post" action="enviar.php">
               	<strong>Nome: </strong> <input type="text" name="nome" id="nome" maxlength="50" /><br /><br />
                   <strong>E-Mail: </strong> <input type="text" name="email" id="email" maxlength="50"/><br /><br />
                   <strong>RG:  </strong> <input type="text" name="rg" id="rg" maxlength="9" onkeypress="SomenteNumeros();"  /><br /><br />
                   <strong>CPF/CNPJ:  </strong> <input type="text" name="cpf" id="cpf" maxlength="14" onkeypress="SomenteNumeros();" /><br /><br />
                   <strong>CEP:  </strong> <input type="text" name="cep" id="cep" maxlength="9" onkeypress="SomenteNumeros();" onkeyup="traco(this);" /><br /><br />
                   <strong>Logradouro:  </strong> <input type="text" name="end" id="end" maxlength="60" /><br /><br />
                   <strong>Cidade:  </strong> <input type="text" name="cidade" id="cidade" maxlength="60" /><br /><br />
                   <strong>Estado:  </strong> <select name="uf" id="uf"> 
                   									<option value="AC">AC</option>
                                                       <option value="AL">AL</option>
                                                       <option value="AM">AM</option>
                                                       <option value="AP">AP</option>
                                                       <option value="BA">BA</option>
                                                       <option value="CE">CE</option>
                                                       <option value="DF">DF</option>
                                                       <option value="ES">ES</option>
                                                       <option value="GO">GO</option>
                                                       <option value="MA">MA</option>
                                                       <option value="MG">MG</option>
                                                       <option value="MS">MS</option>
                                                       <option value="MT">MT</option>
                                                       <option value="PA">PA</option>
                                                       <option value="PB">PB</option>
                                                       <option value="PE">PE</option>
                                                       <option value="PI">PI</option>
                                                       <option value="PR">PR</option>
                                                       <option value="RJ">RJ</option>
                                                       <option value="RN">RN</option>
                                                       <option value="RO">RO</option>
                                                       <option value="RR">RR</option>
                                                       <option value="RS">RS</option>
                                                       <option value="SC">SC</option>
                                                       <option value="SE">SE</option>
                                                       <option value="SP" selected="selected">SP</option>
                                                       <option value="TO">TO</option>
                   								</select><br /><br />
                   <strong>Empresa:  </strong> <input type="text" name="empresa" id="empresa" maxlength="50" /><br /><br />
                   <strong>Módulo:  </strong> <select name="modulo" id="modulo" style="width: auto;">
                                                       <option value="0">>Escolha um Módulo</option>
                                                       <option value="1">Planejamento Comercial</option>
                                                       <option value="2">Formação de Preço</option>
                                                       <option value="3">Logística Integrada a Vendas</option>
                                                       <option value="4">Técnicas de Persuação, Influência e Negociação</option>
                                                       <option value="5">PNL Aplicada à Vendas</option>
                                  					</select><br /><br />
                   <input type="button" id="submit" name="submit" value="ENVIAR" onclick="verificarform();" />
               </form>

Fico meio desalinhado ao colocar aqui mas da pra entender

Função JavaScript

function verificarform() {
		var certo = 1;
		var alerta = "Os seguintes campos não foram preenchidos:\n";

		nome = document.getElementById("nome").value;
		email = document.getElementById("email").value;
		rg = document.getElementById("rg").value;
		cpf = document.getElementById("cpf").value;
		cep = document.getElementById("cep").value;
		end = document.getElementById("end").value;
		cid = document.getElementById("cidade").value;
		emp = document.getElementById("empresa").value;
		modulo = document.getElementById("modulo").value;

		if (nome == '') {
			alerta = alerta + 'Nome\n';
			certo = 0;
		}
		if (email == '') {
			alerta = alerta + 'E-Mail\n';
			certo = 0;
		}
		if (rg == '') {
			alerta = alerta + 'RG\n';
			certo = 0;
		}
		if (cpf == '') {
			alerta = alerta + 'CPF/CNPJ\n';
			certo = 0;
		}
		if (cep == '') {
			alerta = alerta + 'CEP\n';
			certo = 0;
		}
		if (end == '') {
			alerta = alerta + 'Logradouro\n';
			certo = 0;
		}
		if (cid == '') {
			alerta = alerta + 'Cidade\n';
			certo = 0;
		}
		if (emp == '') {
			alerta = alerta + 'Empresa\n';
			certo = 0;
		}
		if (modulo == '0') {
			alerta = alerta + 'Módulo';
			certo = 0;
		}
		if (certo == 1) {
			document.getElementById('frm').submit();
		} else {
			alert(alerta);
		}
	}

William Bruno · Setembro 27, 2011

troca essa linha aqui:

var ende = document.getElementById("end").value;

e então:

if (ende == '') {

Esse erro você viu em qual navegador ?

aperte Ctrl+Shift+J no Firefox, q o console dele é mais preciso.

HemersonSales · Setembro 27, 2011

Eu vi no Explorer no Firefox deu que document.getElementById("frm").submit is not a function

William Bruno · Setembro 27, 2011

talvez ele esteja confundindo, troque o botão assim:

<input type="button" id="enviar" name="enviar" value="ENVIAR" onclick="verificarform();" />

HemersonSales · Setembro 27, 2011

Carama e não é que era isso mesmo.

Deu certo!

Valeu William!

RESOLVIDO.

Arquivado

[Resolvido] Erro Validação de Form em JavaScript

Recommended Posts

HemersonSales 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

HemersonSales 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

HemersonSales 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

HemersonSales 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

HemersonSales 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Javascript - Calcular Valores Monetário em Tempo Real

Fóruns

Tempo Real

Informação importante