javascript Validação de formulário com dois botões

[Gabrielvt14 4]

Olá pessoal,

 

estou dificuldade em validar um formulário, mas da forma que estou tentando não sei se é possível, alguém pode me dar uma força?

 

Tenho um formulário com dois botões submit.

E na tag form estou colocando o onsubmit = checa_formulario()

Porém, um dos botões deve realizar o submit sem entrar nesta funcão do onsubmit, mas o outro botão deve executar essa função.

 

Tentei chamar essa função no onclick do botão que quero que execute a função, mas aí ele executava a função, mas independente do resultado, ele realizava o submit.

 

Alguém poderia me ajudar?

 

Desde já agradeço!

 

 

##### EDIT #####

Devo utilizar javascript puro

 

### Código

HTML

<!-- Botões -->
<button type="submit" name="submit" value="1">
<button type="submit" name="submit" value="2">
  
<!-- Tag form -->
<form method="POST" action="arquivo.php" onsubmit="return checa_formulario()">

 

JavaScript

if (document.getElementById('descri_icon').value.length < 10) {
	alert("Erro");
	return (false);
}

 

[luiz14 16]

Boa tarde,

Coloca o código aqui.

[Gabrielvt14 4]

Editei a pergunta pra explicar melhor

[luiz14 16]

6 minutos atrás, Gabrielvt14 disse:

Editei a pergunta pra explicar melhor

Você não pode colocar um form diferente para cada botão?

[Gabrielvt14 4]

Não porque só há um form.

É um formulário bem extenso, então o botão com value = 1 conclui o formulário.

E o botão com value = 2 salva tudo que ja foi preenchido mas nao conclui o formulario. Então o botão com value = 2 não precisa de verificação do formulario

 

Mas preciso que os dois realizem o submit, porque ambos precisam do backend

[luiz14 16]

<button id="teste" type="submit" name="submit" value="2">

 

 

Javascript---------------------------------------------------------------------------------------------------

 

window.onload = function () {

var teste = document.getElementById("teste");

teste.onsubmit = function () { return false; }

}

 

Tentou algo parecido com isso?

[Gabrielvt14 4]

Isso jogaria onde? Dentro da função checa_formulario()?

 

Perdão pela ignorancia... sou bem fraco no front :/

[luiz14 16]

6 minutos atrás, Gabrielvt14 disse:

Isso jogaria onde? Dentro da função checa_formulario()?

 

Perdão pela ignirancia... sou bem fraco no front :/

 

Você pode pegar as informações dentro da função checar_formulario() e colocar aqui:

 

Javascript---------------------------------------------------------------------------------------------------

 

window.onload = function () {

var teste = document.getElementById("teste");

teste.onsubmit = function () { -->aqui<-- return false; }

}

 

Então quando você clicar no botão com o id="teste", ou outro id que você especificar, ela não vai disparar o submit do formulário.

[Pita 53]

E se os botões, ao invés de serem do tipo submit, fossem do tipo buttom mesmo?

Aí você tiraria o onSubmit do form

E um  dos botões um executaria um javascript para dar o submit direto e o outro faria a validação antes de dar o submit

 

Algo +/- assim:

<!-- Botões -->
<button type="button" name="btnSemValidacao" value="1" onclick="javascript:document.getElementById('form').submit()">
<button type="button" name="btnComValidacao" value="2" onclick="javascript: if (checa_formulario()) { document.getElementById('form').submit() }">
  
<!-- Tag form -->
<form  id="form" method="POST" action="arquivo.php">

 

[Gabrielvt14 4]

Obrigado aos dois pela ajuda!

 

Solucionei da seguinte forma:

<!-- Botões -->
<button type="button" name="btnComValidacao" value="1" onclick="checa_formulario()">
<button type="submit" name="btnSemValidacao" value="2">

E a função checa_formulario()

function checa_formulario(){
                if (document.getElementById('descri_icon').value.length < 10){
                  alert("erro");
                  return (false);
                } else {
                    document.getElementById('form').submit();
                }
        }

E tirei o onsubmit da tag <form>.

 

Assim, quando clicado no botao com value = 2, que ja é do tipo submit, ele da o submit.

E quando clicado no botao com value = 1, que é do tipo button, ele primeiro entra na função e verifica a textarea, se o if der falso, ele realiza o submit