ti-enxame.com

HTML - Caixa de diálogo Confirmação do botão Enviar

este é um código de formulário geral

<form name="search_form" action="" method="POST">
<input type="text" name="search_text">          
<input type="submit" name="search_bt" value="Go">
</form>

existe uma maneira de ter uma caixa de diálogo de confirmação dizendo 'Sim'\'Não' ou 'Confirmar'\'Cancelar' etc ...

Uma maneira que eu imaginei de dong é usando CSS Layer, JavaScript e Php ... que possuem um php isset(){} chechk no botão e, quando configurados, exibem uma Div exibida com dois botões e onclick=func() A função JS desses botões tem uma variável php (flag) definida e, em seguida, eu posso if(flag){} para continuar ou pular algum código ...

bem, isso vai funcionar e o ponto positivo é que eu posso ter uma caixa de diálogo bem temática, mas eu só quero facilitar minha vida ...

20
Moon

Você também pode fazer isso com uma linha na própria tag de formulário

<form action="exampleHandlerPage.php" method="post" onsubmit="return confirm('Are you sure you want to submit?');">
65
acqu13sce

Se você tiver 2 ou mais botões de envio em um formulário:

<input type="submit" value="Edit">
<input type="submit" name="delete" value="Delete" onclick="return confirm('Confirm, please.');">

A caixa de diálogo aparece apenas quando você clica no botão Delete.

3
matepal297

Usando raw javascript sem nenhuma div ...

Você pode ter este function

function confirmSubmit() {
  if (confirm("Are you sure you want to submit the form?")) {
    document.getElementById("FORM_ID").submit();
  }
  return false;
}

E você pode chamar essa função do evento onsubmit no formulário ou no evento onclick no button.

A propósito, você já ouviu falar sobre JQuery . É uma biblioteca JS com muitas coisas úteis que oferecem a você uma maneira confortável e bonita de codificar javascript.

Como um exemplo do que você deseja fazer, use este caixa de diálogo de confirmação de JQuery como exemplo

2
Garis M Suero