2013-12-24 3 views
2

У меня есть проблема на HTML кнопки тегапредотвратить кнопку отправить форму OnClick

Это мой HTML код

<form name="data_kirim" action="confirm_order.php" method="POST"> 

     ..... order input field .... 

    <button class="back_button" onclick="window.location.href='keranjang.php'">Back</button> 
    <input class="next_button" type="submit" name="submit_data_kirim" value="Next"/> 
</form> 

Как предотвратить кнопку, чтобы представить эту форму, потому что кнопка с помощью HREF обратно страницы,

Может кто-нибудь мне помочь?

+0

сделать тип как 'button' вместо' submit'. Вызовите функцию JS, чтобы сделать то, что вам нужно. – Aashray

+0

https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault –

ответ

3
<button class="back_button" onclick="window.location.href='keranjang.php'">Back</button> 
<form name="data_kirim" action="confirm_order.php" method="POST"> 
<input class="next_button" type="submit" name="submit_data_kirim" value="Next"/> 
</form> 

Быстрое решение было бы переместить кнопку назад вне формы, так как он не используя форму входа в любом случае.

+0

этот woork .. большое спасибо – Hans

0

Если вы хотите просто сделать ссылку на другую страницу, а не отправить форму, то просто сделать нормальную кнопку так:

<a href="URL">Next</a> 

Это не представит форму, хотя.

+0

спасибо за ответ, – Hans

5

изменение

type='submit' 

в

type='button' 
+1

спасибо за ответ, – Hans

+0

Спасибо, человек, я получил эту проблему, и это самый простой и простое решение. Я не мог понять, почему кнопка делает подарок без ввода ... Спасибо в любом случае !! – AlvaroAV

+0

Отправить сделано таким образом, отправить просто означает отправить форму, и она делает то же самое либо вы что-то вводите, либо нет. Итак, чтобы избежать этого, мы используем кнопку, чтобы мы могли обрабатывать другие вещи, прежде чем мы вручную представим форму. – hsuk

2
<form onsubmit="return false;"> 
+1

этот код всегда будет препятствовать действию. независимо от истинного действия или нет –

+0

да, согласен .. но спасибо за ответ – Hans

2

вы можете вызвать функцию JavaScript, когда нажать на кнопку, перенаправлять на вашу ссылку и return false или использовать функцию preventDefault() с JQuery

+0

спасибо за ответ ..., – Hans

Смежные вопросы