Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ajax响应成功后重置文本框值_Jquery_Html_Ajax - Fatal编程技术网

Jquery ajax响应成功后重置文本框值

Jquery ajax响应成功后重置文本框值,jquery,html,ajax,Jquery,Html,Ajax,在ajax请求成功完成后,我现在尝试重置textbox的值。 我试过这样的东西 $('#text1').val(""); $('#text2').prop('value',''); 但沃卢德不起作用。 这些都是控制台中的工作 <script type="text/javascript" src="/Includes/jquery.min.js"></script> <script type="text/javascript"> $(functio

在ajax请求成功完成后,我现在尝试重置textbox的值。 我试过这样的东西

$('#text1').val("");
$('#text2').prop('value','');
但沃卢德不起作用。 这些都是控制台中的工作

 <script type="text/javascript" src="/Includes/jquery.min.js"></script>
 <script type="text/javascript">
    $(function(){
        $('#btn').click(function(){             
            jQuery.ajax({
                url:"validation.cfc",
                data:{method:'db_validation',fname:$('#text1').val(),Email:$('#text2').val()},
                type:"POST",
                success:function(html){
                    //what code should be written to clear textbox values after successful ajax response
                    //$('#text1').val("");   ---> This code was not working
                    $('#para').html(html);//even this code was executed.
                }
            });             
        });     
    }); 
 </script> 
 <form>     
 <p id="para"></p>  
 <input id="text1" name="txtBox1" type="text"><br />    
 <input id="text2" name="txtBox2" type="text"><br />    
 <input type='button' name='Button' value='Add User' id="btn"/> 
 </form>

$(函数(){
$('#btn')。单击(函数(){
jQuery.ajax({
url:“validation.cfc”,
数据:{method:'db_validation',fname:$('#text1').val(),Email:$('#text2').val(),
类型:“POST”,
成功:函数(html){
//在成功的ajax响应之后,应该编写哪些代码来清除文本框值
//$('#text1').val(“”;-->此代码不起作用
$('#para').html(html);//甚至执行了此代码。
}
});             
});     
}); 




我认为重置表单的最佳解决方案是使用重置方法

success:function(html){
  $('#form').reset();
}
编辑: 对不起,这是我的失败,没有检查

在这里工作

应该是

success:function(html){
  $('#form')[0].reset();
}

使用以下命令,它会清空文本框

$('#text1').val("");
你的代码可能有问题

如果有任何问题,请参阅


另外,jQuery

我不确定是否执行了
#para
行,以及表单提交两次时页面上剩余的文本:默认情况下表单提交和ajax。因此,我希望
#para
中的html会出现一会儿,然后消失

使用
event.preventDefault()
防止默认提交,除非您有重复的ID,否则应清除文本框

$(function(){
    $('#btn').closest('form').submit(function( e ){
        e.preventDefault();
        jQuery.ajax({
            url:"validation.cfc",
            data:{method:'db_validation',fname:$('#text1').val(),Email:$('#text2').val()},
            type:"POST",
            success:function(html){
                $('#text1').val("");   //<----- Should work
                $('#para').html(html);  //even this code was executed.????
            }
        });
    });
});
$(函数(){
$('#btn')。最近('form')。提交(函数(e){
e、 预防默认值();
jQuery.ajax({
url:“validation.cfc”,
数据:{method:'db_validation',fname:$('#text1').val(),Email:$('#text2').val(),
类型:“POST”,
成功:函数(html){

$('#text1').val(“”;//如果要清除文本框,只需将文本框ID用作 在任何方面

txtName.Text = "";
txtContactno.Text = "";
txtEmail.Text = "";

id为
text1
的元素有多少?我更新了我的答案并添加了一个小提琴示例。我很抱歉发表评论,我不知道您是否知道答案编辑器,它很可能已提交;因此您希望将
事件
传递给处理程序并使用
事件.preventDefault()
…那么这些行应该可以正常工作。@RPX为表单提供id或使用$('form')选择器。但它可以重置其他窗体(如果您的page@RPX,不工作是什么意思?请检查上面答案中的链接。我给出了链接如何使用VAL。它必须作为jQuery功能工作。它的问题可能会导致冲突,或控制台错误,破坏进一步的代码。@RPX,这是您的工作,以了解原因。VAL()不工作。它必须再次工作。它在所有PC上工作,在每个人的PC上的所有浏览器上工作,浏览器。检查阻止.val()工作的原因。特别是如果你说$(''text1').val(“”;$(''text2').prop('value','');这不工作,你的代码出了问题。请不要说“我试过了,但它没有工作”,而责怪jQuery。