Запрос подтверждения перед отправкой на сервер

[Photolife]

Подскажите как сделать, что бы перед отправкой на сервер данных с формы, появилось окно подтверждения и при выборе отмены данные не были отправлены на сервером, методом "post".

 

Вот что сделал я:

 

PHP:

<form name="auth3" action="index.php" method="POST"><button class="edit" name="edit" value="1" type="submit">Изменить</button><button class="del" name="del" value="Значение заполняется из БД" type="submit" onclick="destroy();" >Удалить</button></form>

JS:

<script type="text/javascript"> function destroy(){confirm("Bы уверены, что хотите уничтожить эту страницу?")}</script>

Если нажать на кнопку "удалить" появляется сообщение "Bы уверены, что хотите уничтожить эту страницу?" , но при выборе отмены данные все равно отправляются на сервер стр. обнавлеться и строка удалеться.

Edited November 24, 2013 by Photolife

[Galaxy]

я только начал разбиратся с js но думал бы в сторону onsubmit + preventdefault

[Николя223]

http://jsfiddle.net/Fd593/

[Galaxy]

ну на сколько я понял проблема не была в написании такого рода функции ...

[Photolife]

http://jsfiddle.net/Fd593/

Все равно данные отправляются. 

[3d_max_9]

<form name="auth3" action="index.php" method="POST"><button class="edit" name="edit" value="1" type="submit">Изменить</button><button class="del" name="del" value="Значение заполняется из БД" type="submit" onclick="if(confirm('Bы уверены, что хотите уничтожить эту страницу?')) return true; else return false;" >Удалить</button></form>

http://jsfiddle.net/B5jP2/

Edited November 24, 2013 by 3d_max_9

[Galaxy]

попробуй <form name="auth3" action="index.php" method="POST" onsubmit='return destroy()'>

[Photolife]

<form name="auth3" action="index.php" method="POST"><button class="edit" name="edit" value="1" type="submit">Изменить</button><button class="del" name="del" value="Значение заполняется из БД" type="submit" onclick="if(confirm('Bы уверены, что хотите уничтожить эту страницу?')) return true; else return false;" >Удалить</button></form>

http://jsfiddle.net/B5jP2/

 

Вообще не каких сообщений, без вопросов отправляет данные.

попробуй <form name="auth3" action="index.php" method="POST" onsubmit='return destroy()'>

Не помогло.

[Николя223]

а подумать немного

 

http://jsfiddle.net/63PsA/

[Photolife]

а подумать немного

 

http://jsfiddle.net/63PsA/

Подумал и додумал, только чуток по другому.

в кнопке прописал:

onclick="return destroy();

а в JS:

<script type="text/javascript">function destroy(){    if (confirm("Bы уверены, что хотите уничтожить эту страницу?"))    return true;    else return false; }</script>

[Николя223]

=)   confirm итак возвращает true или false  лучше в переменную его загоняй, 

 

 

ещё проще 

 

 

function destroy(){  return  confirm("Bы уверены, что хотите уничтожить эту страницу?")}

Edited November 24, 2013 by Николя223

[rus]

function showMessage() {

	if (confirm("Вы уверены что хотите удалить эти разделы?")) {

		alert("Разделы успешно удалены!");

	} else {

		parent.location='http://site.com';

		alert("Разделы не удалены!");

	}

}

<form name="auth3" action="index.php" method="POST">

<button class="edit" name="edit" value="1" type="submit">Изменить</button>

<button class="del" name="del" value="Значение заполняется из БД" type="submit" onclick="showMessage();" >Удалить</button>

</form>