window.alert não zerar os campos?

[paulo.policani 0]

Boa tarde Pessoal,

Tenho uma função onde ao ativar o alert, ela limpa todos os campos que o usuário havia preenchido, como faço para isso não ocorrer?

function ValidaGeral(){
	
	if (document.DadosChamado.Mensagem.value.length < 2){
		window.alert('Favor preencher o campo Mensagem antes de concluir o chamado!' );
		document.DadosChamado.Mensagem.focus();			
	}
	if (document.DadosChamado.FormaDeAtendimento_0.checked == false){
		window.alert('Favor preencher a forma de atendimento!' );
		document.DadosChamado.Mensagem.focus();			
	}
	if (document.DadosChamado.FormaDeAtendimento_1.checked == false){
		window.alert('Favor preencher a forma de atendimento!' );
		document.DadosChamado.Mensagem.focus();			
	}
	if (document.DadosChamado.FormaDeAtendimento_2.checked == false){
		window.alert('Favor preencher a forma de atendimento!' );
		document.DadosChamado.Mensagem.focus();			
	}
	if (document.DadosChamado.FormaDeAtendimento_3.checked == false){
		window.alert('Favor preencher a forma de atendimento!' );
		document.DadosChamado.Mensagem.focus();			
	}
	else	
	{
		document.DadosChamado.action = "Alterar.php?Op=3&interacao=<? echo $interacao ?>";		
	}
		document.forms.DadosChamado.submit();

	function AlteraDados() {
	document.forms.TipoCategoria.submit();
	}	
}

[Lucas Guima 164]

É falha na sua lógica, você envia o formulário mesmo quando não validado.

[paulo.policani 0]

Viajei aqui, é que estou iniciando agora no Javascript e no PHP, poderia me dizer como não enviar?

[Lucas Guima 164]

Para não enviar, basta não submeter o formulário.

 

E olhando melhor, você tem uma função (AlteraDados) dentro de uma função (ValidaGeral)?

[paulo.policani 0]

Tenho sim, pois em uma mesma página eu tenho campos que aparecem, que dependendo do que o usuário "checkou" devem ser alterados ou não.

Vou testar não dar o submit, ou melhor verificar o local correto dele.

Obrigado por enquanto.

[paulo.policani 0]

Boa tarde,

Apaguei todos os submit() e mesmo assim ele apaga os campos. Isso que no clique do botão eu só chamo esta função:

 

function ValidaGeral(){
	
	if(document.DadosChamado.Concluido.checked == true){
		if (document.DadosChamado.Mensagem.value.length < 2){
			window.alert('Favor preencher o campo Mensagem antes de concluir o chamado!' );
			document.DadosChamado.Mensagem.focus();			
		}
		else if (document.DadosChamado.FormaDeAtendimento_0.checked == false && document.DadosChamado.FormaDeAtendimento_1.checked == false && document.DadosChamado.FormaDeAtendimento_2.checked == false && document.DadosChamado.FormaDeAtendimento_3.checked == false){
			window.alert('Favor preencher a forma de atendimento!' );
			document.DadosChamado.Mensagem.focus();
		}
		else 
			var comboProcede = document.DadosChamado.Procede.selectedIndex;
			if (document.DadosChamado.Procede[comboProcede].text == ''){
				window.alert('Favor informar se o chamado procede!' );
				document.DadosChamado.Mensagem.focus();
			}
			else	
			{
				document.DadosChamado.action = "Alterar.php?Op=3&interacao=<? echo $interacao ?>";		
				//document.forms.DadosChamado.submit();
			}
	}	
	else{
		if (document.DadosChamado.Mensagem.value.length < 2){
			window.alert('Favor preencher o campo Mensagem antes de concluir o chamado!' );
			document.DadosChamado.Mensagem.focus();			
		}
		else	
		{
			document.DadosChamado.action = "Alterar.php?Op=3&interacao=<? echo $interacao ?>";		
			//document.forms.DadosChamado.submit();
		}
	}	
		//document.forms.DadosChamado.submit();

	function AlteraDados() {
	//document.forms.TipoCategoria.submit();
	}	
}

E a chamado no botão está assim:

 

<input name="botao2" type="submit" class="padrao_tabelas" id="botao2" value="Concluir Interação" onClick="ValidaGeral();this.disabled=true">

[Lucas Guima 164]

Em vez de chamar sua função ValidaGeral() no onClick do submit, chame no onSubmit do form.

[paulo.policani 0]

Seria só eu substituir assim:

 

<input name="botao2" type="submit" class="padrao_tabelas" id="botao2" value="Concluir Interação" onSubmit="ValidaGeral();this.disabled=true">

[Lucas Guima 164]

Em vez de chamar sua função ValidaGeral() no onClick do submit, chame no onSubmit do form.

 

"...chame no onSubmit do form."

[paulo.policani 0]

Desculpe é que sou novo no PHP + JavaScript.

Mas encontrei onde faço o onSubmit:

<td align="center" bgcolor="#F7F7F7"><form method="post"  action="" enctype="multipart/form-data" name="DadosChamado" id="DadosChamado"  onSubmit="javascript: ValidaGeral();this.disabled=true">

Removi o onClick do botão, não tem mais nenhum submit de form e mesmo assim está atualizando e zerando os campos após dar OK no windows.alert.

[Lucas Guima 164]

Você alterou alguma coisa na função ValidaGeral()? Como ela está agora?

[paulo.policani 0]

Eu comentei até os .focus()

Está assim:

 

function ValidaGeral(){
	
	if(document.DadosChamado.Concluido.checked == true){
		if (document.DadosChamado.Mensagem.value.length < 2){
			window.alert('Favor preencher o campo Mensagem antes de concluir o chamado!' );
			//document.DadosChamado.Mensagem.focus();			
		}
		else if (document.DadosChamado.FormaDeAtendimento_0.checked == false && document.DadosChamado.FormaDeAtendimento_1.checked == false && document.DadosChamado.FormaDeAtendimento_2.checked == false && document.DadosChamado.FormaDeAtendimento_3.checked == false){
			window.alert('Favor preencher a forma de atendimento!' );
			//document.DadosChamado.Mensagem.focus();
		}
		else 
			var comboProcede = document.DadosChamado.Procede.selectedIndex;
			if (document.DadosChamado.Procede[comboProcede].text == ''){
				window.alert('Favor informar se o chamado procede!' );
				//document.DadosChamado.Mensagem.focus();
			}
			else	
			{
				document.DadosChamado.action = "Alterar.php?Op=3&interacao=<? echo $interacao ?>";		
				//document.forms.DadosChamado.submit();
			}
	}	
	else{
		if (document.DadosChamado.Mensagem.value.length < 2){
			window.alert('Favor preencher o campo Mensagem antes de concluir o chamado!' );
			//document.DadosChamado.Mensagem.focus();			
		}
		else	
		{
			document.DadosChamado.action = "Alterar.php?Op=3&interacao=<? echo $interacao ?>";		
			//document.forms.DadosChamado.submit();
		}
	}	
		//document.forms.DadosChamado.submit();

	function AlteraDados() {
	//document.forms.TipoCategoria.submit();
	}	
}

[Lucas Guima 164]

Coloque um:

return false;

Depois de cada alert().

[paulo.policani 0]

Coloquei assim e nada... :(

 

function ValidaGeral(){
	
	if(document.DadosChamado.Concluido.checked == true){
		if (document.DadosChamado.Mensagem.value.length < 2){
			window.alert('Favor preencher o campo Mensagem antes de concluir o chamado!' );
			//document.DadosChamado.Mensagem.focus();			
			return false;
		}
		else if (document.DadosChamado.FormaDeAtendimento_0.checked == false && document.DadosChamado.FormaDeAtendimento_1.checked == false && document.DadosChamado.FormaDeAtendimento_2.checked == false && document.DadosChamado.FormaDeAtendimento_3.checked == false){
			window.alert('Favor preencher a forma de atendimento!' );
			//document.DadosChamado.Mensagem.focus();
			return false;
		}
		else 
			var comboProcede = document.DadosChamado.Procede.selectedIndex;
			if (document.DadosChamado.Procede[comboProcede].text == ''){
				window.alert('Favor informar se o chamado procede!' );
				//document.DadosChamado.Mensagem.focus();
				return false;
			}
			else	
			{
				document.DadosChamado.action = "Alterar.php?Op=3&interacao=<? echo $interacao ?>";		
				//document.forms.DadosChamado.submit();
			}
	}	
	else{
		if (document.DadosChamado.Mensagem.value.length < 2){
			window.alert('Favor preencher o campo Mensagem antes de concluir o chamado!' );
			//document.DadosChamado.Mensagem.focus();			
			return false;
		}
		else	
		{
			document.DadosChamado.action = "Alterar.php?Op=3&interacao=<? echo $interacao ?>";		
			//document.forms.DadosChamado.submit();
		}
	}	
		//document.forms.DadosChamado.submit();

	function AlteraDados() {
	//document.forms.TipoCategoria.submit();
	}	
}

[Lucas Guima 164]

Então o problema agora está na sua função.

 

Debugue se ela está sendo chamada, se os campos e valores estão sendo resgatados etc.

[paulo.policani 0]

Está entrando em nos if's de acordo como tem que entrar. Porém após clicar em OK do alert, a página fica "pensando" atualizando, e zera os campos. Parece que não entende o return false; E não há nenhuma outra função sendo chamada, verifiquei todas. Muito estranho.

[Lucas Guima 164]

Muito estranho, pois aqui funciona:

<html>
<head>
<script type="text/javascript">
function ValidaGeral(){
    alert('valida geral!');
    
    return false;
}
</script>
</head>
<body>
<form onsubmit="ValidaGeral()" method="POST">
    <input type="submit" />
</form>
</body>
</html>

[paulo.policani 0]

Única diferença que vejo é que no meu form não tem este type = submit

 

<td align="center" bgcolor="#F7F7F7"><form method="post"  action="" enctype="multipart/form-data" name="DadosChamado" id="DadosChamado"  onSubmit="javascript: ValidaGeral();this.disabled=true">

E que na função ao invés de alert, estou utilizando window.alert

[Lucas Guima 164]

Tem sim:

<input name="botao2" type="submit" class="padrao_tabelas" id="botao2" value="Concluir Interação">

E uma correção. Altere a linha do form para:

<form onsubmit="return ValidaGeral()" method="POST">

O meu exemplo também não estava funcionando, só identifiquei agora que ele estava submetendo.

[paulo.policani 0]

Lucas era o return no form mesmo, cara muito obrigado mesmo, agora vou corrigir diversos trecho no meu portal que ocorria isso.

Obrigado.