Question

我希望在用户使用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>

腓

 $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!"; }
}

Answer 1

这将清除所有文本框，文本区域，单选按钮，复选框值：将 #myFormId 替换为您的表单ID。

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

您必须在代码中的这一行之后添加它：

$("#message").fadeIn(500);

Answer 2

使用您的某个字段的示例：

$("#nome").val('');

以上代码基本上会删除文本字段中的任何内容。

Answer 3

我使用HTML来做到这一点。

<button type="reset" value="Reset">Reset</button>

Answer 4

如果您要清除字段 AFTER ，请将其保存到数据库中，您必须清除输入 AFTER 您从服务器获得响应，这种情况，位于success的{{1}}。

$.post

另外，请查看jQuery.post documentation以获取更多信息，以便直接使用成功回调函数。

如何在使用ajax和php插入数据库后清除输入？

4 个答案: