Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.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 Can';提交表单后,请不要清除输入值_Jquery_Forms - Fatal编程技术网

Jquery Can';提交表单后,请不要清除输入值

Jquery Can';提交表单后,请不要清除输入值,jquery,forms,Jquery,Forms,好的,我已经尝试了我能找到的每一个建议,但在提交表单和淡出之后,这些值仍然存在。如果有人有建议 <script type="text/javascript"> $(document).ready(function() { $('#form1').ajaxForm( { beforeSubmit: validate } ); function validate(formData, jqForm, options) { var name = $('input[n

好的,我已经尝试了我能找到的每一个建议,但在提交表单和淡出之后,这些值仍然存在。如果有人有建议

<script type="text/javascript">

$(document).ready(function() { 
    $('#form1').ajaxForm( { beforeSubmit: validate } ); 

function validate(formData, jqForm, options) { 
    var name = $('input[name=name]').fieldValue(); 
    var email = $('input[name=email]').fieldValue(); 
    var message = $('textarea[name=message]').fieldValue(); 

if (!name[0]) { 
alert('Please enter a value for name'); 
return false; 
}  
if (!email[0]) { 
alert('Please enter a value for email'); 
return false; 
}  
if (!message[0]) { 
alert('Please enter a value for message'); 
return false; 
}
}
var name = $('input[name=name]').val(''); 
var email = $('input[name=email]').val('');
var message = $('textarea[name=message]').html(''); 

$("#form1").ajaxForm(function(){
        $("#formplic").fadeOut(1000, function() {
             $(this).html("<img src='images/postauto2.png'/>").fadeIn(2000);
        });
    });
});
</script> 

$(文档).ready(函数(){
$('#form1').ajaxForm({beforesmit:validate});
函数验证(formData、jqForm、options){
var name=$('input[name=name]')。fieldValue();
var email=$('input[name=email]')。fieldValue();
var message=$('textarea[name=message]')。fieldValue();
如果(!name[0]){
警报(“请为名称输入一个值”);
返回false;
}  
如果(!电子邮件[0]){
警报(“请为电子邮件输入值”);
返回false;
}  
如果(!消息[0]){
警报(“请为消息输入值”);
返回false;
}
}
var name=$('input[name=name]')。val(“”);
var email=$('input[name=email]')。val(“”);
var message=$('textarea[name=message]')。html(“”);
$(“#form1”).ajaxForm(函数(){
$(“#formplic”).fadeOut(1000,function(){
$(this.html(“”).fadeIn(2000);
});
});
});

我已经添加了建议,但仍然不起作用。也许我没有把它们放在正确的位置…?

编辑:为什么不起作用 通读你的剧本。您添加的建议(我的代码)只是全局范围内的一条常规语句—当浏览器加载文件时,它将被删除

  • 设置文档就绪方法
  • 实现功能验证
  • 将设定值执行为空
  • 设置ajaxForm值
  • 我假设您希望在表单经过验证(并继续)后重置表单

    在这种情况下,您希望在表单完成时运行重置代码。什么时候?这里:
    $(“#form1”).ajaxForm(function(){…

    其他人实际上已经给了你确切的代码(我相信),但我真的认为这与你对计算机和javascript以及语言执行方式的理解有关。你真的应该做更多的功课,并尝试遵循脚本的逻辑。简单的调试工具,如
    alert(“我现在正在重置值!”)
    将告诉您代码何时执行(是否在正确的位置)


    您的代码中没有任何地方会尝试清除文本。下面是一些指示,告诉浏览器重置/删除内容。我猜您只想在内容正确时清除它,以便将其添加到
    .ajaxForm
    回调中

    var name = $('input[name=name]').val(''); //inputs are like this <input value="Hi">
    var email = $('input[name=email]').val('');
    var message = $('textarea[name=message]').html(''); //textareas are like this <textarea>Hi</textarea>
    
    var name=$('input[name=name]').val('');//输入如下
    var email=$('input[name=email]')。val(“”);
    var message=$('textarea[name=message]')。html(“”);//textarea如下所示
    

    顺便说一句,fadeOut只会使其“淡出”,它最终会隐藏块(css显示:无;我猜),但不会更改DOM元素/表单。

    提交值时,尝试将输入值设置为空白

    例如, var name=$('input[name=name]')。val(“”);

    使用.val()函数清除文本值,使用html()函数清除文本值 另外,如果给每个输入一个ID,那么在jQuery中操作起来会更容易

    例如,创建如下表单:

    <form method="post" id="frmMessage" action="some_script.php">
    <input type="text" name="name" id="txtName" />
    <input type="text" name="email" id="txtEmail" />
    <textarea name="message" id="txtMessage"></textarea>
    </form>
    

    这可能会有帮助

    您好,我以前试过这个,但它不起作用。也许我没有把它们放在正确的位置…?@ClaudiuCreanga是的,您可能放错了位置。添加一个
    警报(“Hi”)
    或其他内容,以查看它是否在您希望的时候实际被调用。您实际上还没有指定要清除它的时间;我假设您希望在它淡出时清除它?(如果稍后再次出现,则不知道)我更新了内容。但仍然不起作用。我也尝试了你的代码。有什么建议吗?也许我没有把它们放在我必须放的地方…你检查过你的错误控制台,以确保Javascript没有在其他地方遇到阻止代码执行的错误吗?在Firefox中,你可以按CTRL-SHIFT-J来显示错误nsole。然后刷新页面并重新运行脚本。此外,我发现在关键点放入“alert()”函数以验证我的代码是否实际达到该点很有帮助。我没有放入不起作用的代码。现在它已存在。但不起作用。。。
    $("#frmMessage").ajaxForm( function()
    {
        // Do whatever else you need to do first...
        // Fade out the form's container
    
    
        $("#txtName").val('');   // Clear the value of each box.
        $("#txtEmail").val('');  
        $("#txtMessage").html('');   // Different for textareas!
    
    });
    
    $("#form")[0].reset();