Изменение формы содержания при нажатии формы

Question

У меня есть контактная форма для людей, чтобы заполнить, если они хотят связаться со мной. На странице php выполняется отправка сообщения в адрес электронной почты.

2 проблемы:

1. Я хочу, чтобы содержание кнопки подтверждения, чтобы изменить: «ОТПРАВИТЬ СООБЩЕНИЕ» когда кто-то нажимает кнопку. Но я хочу, чтобы он вернулся в исходное состояние через 3 секунды.

2. Когда вы нажимаете кнопку, она загружает страницу php в моем браузере! Я этого не хочу. Я просто хочу, чтобы кнопка отправила мне электронное письмо и не перешла на другую страницу.

Надеюсь, вы сможете помочь!

Answer 1

Во-первых, вы будете должны использовать Javascript и AJAX. И почему бы вам не использовать библиотеку javascript, такую ​​как JQuery?

Предполагая, что вы собираетесь использовать его, код выглядит следующим образом.

HTML:

<form id="yourForm"> 
    <label for="name">Name</label> 
    <input id="name" name="name" type="text" /> 
    <input class="submitBtn" type="submit" value="OK"/> 
</form> 

Javascript:

$(document).ready(function(){ 
    $('#yourForm').submit(function(event){ 
     $('.submitBtn').attr('value','MESSAGE SEND'); 

     setTimeout(function(){ 
      $('.submitBtn').attr('value','OK'); 
     }, 3000); 

     var stuff = $('#yourForm').serialize(); 

     jQuery.ajax({ 
      type: 'POST', 
      url: 'your_php_code.php', 
      data:{ 
       'stuff':stuff,     
      } 
      ,success: function(response){ 
       alert('OK'); 
      } 
     }); 

     //Prevents form submission 
     return false;   
    }); 
}); 

PHP

<?php 
    parse_str($_POST['stuff']); 
    mail("youremail@gmail.com", "subject", $name); 
?> 

Answer 2

Для вашей 1 Проблемы, вам нужно JavaScript, чтобы изменить поведение кнопки, для 2 Задачи просто сделать Заголовок Перенаправление из PHP скрипта делает Action

Answer 3

попробовать этот

1.

2.

<form action="" method="post"> 
...... 
...... 
/*your html code*/ 
<input type="button" onclick="showLoad()" id="send" name="send" value="SEND"/> 
</form> 
<?php 
if(isset($_post['send'])) 
{ 
/*your mail function*/ 
} 
?>