-1

私に連絡したい人がいる場合に記入するための連絡フォームがあります。PHPページは、私のメールアドレスに物を送信するアクションを実行します。

2 つの問題:

  1. 確認ボタンの内容を「MESSAGE SEND!」に変更したい。誰かがボタンをクリックしたとき。しかし、3秒後に元の状態に戻りたいです。

  2. ボタンをクリックすると、ブラウザに php ページが読み込まれます。それは私が望むものではありません。ボタンでメールを送信し、別のページに移動しないようにしたいだけです。

あなたが助けてくれることを願っています!

4

3 に答える 3

1

これを試して

1.

<input type="button" onclick="showLoad()" id="send" name="send" value="SEND"/>
<script>
function showLoad() {
document.getElementById('send').value="MESSAGE SEND!";
setTimeout(swap, 3000);
}
function swap() {
document.getElementById('send').value="SEND";
}
</script>

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*/
}
?>
于 2013-07-09T14:40:36.293 に答える
0

最初は、Javascript と AJAX を使用する必要があります。そして、Jquery のような JavaScript ライブラリを使用しないのはなぜですか?

これを使用すると仮定すると、コードは次のようになります。

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);
?>
于 2013-07-09T15:22:56.027 に答える