Jquery ajax响应成功后重置文本框值
在ajax请求成功完成后,我现在尝试重置textbox的值。 我试过这样的东西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
$('#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。