Javascript明确提交文本字段

时间:2014-01-31 08:18:07

标签: javascript html

我有一个使用Jquery表单插件的表单。提交表单后,我需要清除页面上的文本字段。运行此Javascript时,我希望在运行php页面后清除Textfield。

<script> 
    // wait for the DOM to be loaded 
    $(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $("#glue").ajaxForm({url: 'scripts/glue.php', type: 'post'})
    }); 
</script> 

这是我的输入字段:

<input type="text" id="glueField" class="form-control" name="word" placeholder="Press enter to glue a word" autocomplete="off" autofocus>

6 个答案:

答案 0 :(得分:2)

我会在jQuery Form插件中使用此方法,该插件清除ajax表单内的所有文本输入,密码输入等。像这样:

$("#glue").ajaxForm({url: 'scripts/glue.php', type: 'post'}, function() {
    // Callback for when post is completed
    $('#glue').clearForm();
});    

更多信息here

答案 1 :(得分:1)

尝试:

$("#glue").ajaxForm({url: 'scripts/glue.php', type: 'post'}, function(){
  $('#glueField').val('');
});

答案 2 :(得分:0)

如果您在#glue中使用输入,那么在您的ajax调用之后,添加此行将为您提供帮助:

$('input').empty();

答案 3 :(得分:0)

我自己修好了。 jQuery表单插件有一个这样做的方法。我只是将我的jquery行改为:

$("#glue").ajaxForm({url: 'scripts/glue.php', type: 'post', clearForm: 'true'}, function() {

添加:

clearForm: 'true'

答案 4 :(得分:-1)

jQuery (textFieldId/class).val ("");

答案 5 :(得分:-1)

$("#glue").ajaxForm({url: 'scripts/glue.php', type: 'post', success: $("#glueField").val(''))})

你可以这样做。成功时将空字符串设置为相应的字段。