0

ユーザーが ajax を使用してフォームを送信した後、入力をクリアしたいと思います。

私のコードは正常に動作し、ベースのチュートリアルを作成しましたが、送信フィールドにはまだ値があります。私はそれらをきれいにしたい。

<script type="text/javascript">
$(document).ready(function(){

$("#inserir").click(function(){
    $('#loadingDiv')
        .hide()  
        .ajaxStart(function() {
            $(this).show();
        })
        .ajaxStop(function() {
            $(this).hide();
        })
    ;
var nome=$("#nome").val();
var email=$("#email").val();
var confirmacao=$("#confirmacao").val();
var acompanhantes=$("#acompanhantes").val();
// loading image
$("#message").html('<center><img src="images/ajax.gif" /></center>');

$.post('inserir.php', {nome: nome, email: email, confirmacao: confirmacao, acompanhantes: acompanhantes},
function(data){
$("#message").html(data);
$("#message").hide();
$("#message").fadeIn(500); 
});
return false;
});
});
</script>

Php

 $nome = $_POST['nome'];
 $email = $_POST['email'];
 $confirmacao = $_POST['confirmacao'];
 $acompanhantes = $_POST['acompanhantes'];
//Insert Data into mysql
$query=mysql_query("INSERT INTO cadastro_rsvp(nome,email,confirmacao,acompanhantes,id) VALUES('$nome','$email','$confirmacao','$acompanhantes','')");
 mysql_close($con);

if($query){
echo "Dados enviados";
}
else{ echo "Erro!"; }
}
4

4 に答える 4

2

これにより、すべてのテキストボックス、テキストエリア、ラジオボタン、チェックボックスの値がクリアされます: " #myFormId " をフォーム ID に置き換えます。

$('input:text, input:password, input:file, select, textarea', '#myFormId').val('');
$('input:checkbox, input:radio', '#myFormId').removeAttr('checked').removeAttr('selected');

コードの次の行の後に追加する必要があります。

$("#message").fadeIn(500);
于 2013-11-13T17:09:17.930 に答える
0

フィールドをデータベースに保存した後でフィールドをクリアしたい場合は、サーバーからの応答を受け取った後に入力をクリアする必要があります。この場合はsuccess、$.post.

$.post('inserir.php',
  {nome: nome, email: email, confirmacao: confirmacao, acompanhantes: acompanhantes},
  function(data){
    $("#message").html(data);
    $("#message").hide();
    $("#message").fadeIn(500);
    //HERE YOU PERFORM THE RESET (I suppose that they are input text fields):
    $("#nome").val('');
    $("#email").val('');
    $("#confirmacao").val('');
    $("#acompanhantes").val('');
  });
  return false;
});

また、成功のコールバック関数を直接操作するための詳細については、 jQuery.post のドキュメントを確認してください。

于 2013-11-13T17:20:51.860 に答える
0

私はそれを行うために HTML を使用します。

<button type="reset" value="Reset">Reset</button>
于 2013-11-13T17:06:51.347 に答える