javascript - jQuery 脚本清除表单数据但应该保留一个输入

Question

我将以下脚本与联系表单一起使用，确定后它清除了 input, textarea 但不幸的是它也清除了 submit 按钮发送文本。我怎么能省下这个领域呢？

谢谢

表格

        <input class="required inpt" type="text" name="name" value="" placeholder="Name" /><br />
        <input class="required inpt" type="email" name="email" value="" placeholder="E-Mail" /><br />
        <textarea class="required textbox" name="message" rows="6" cols="30" placeholder="Comments" ></textarea><br />
        <input name="submit" type="submit" class="btn" value="Send" />

jQuery

var close_note = $("#note");
close_note.click(function () {
    jQuery("#note").slideUp(1000, function () {
        jQuery(this).hide();
    });
});

$("#ajax-contact-form").submit(function() {
    $('#load').append('<center><img src="images/ajax-loader.gif" alt="Currently Loading" id="loading" /></center>');
    var fem = $(this).serialize(),
        note = $('#note');
    $.ajax({
        type: "POST",
        url: "contact.php",
        data: fem,
        success: function(msg) {
            if ( note.height() ) {          
                note.slideUp(1000, function() {
                    $(this).hide();
                });
            } 
            else note.hide();
            $('#loading').fadeOut(300, function() {
                $(this).remove();
                if(msg === 'OK') {   $("#ajax-contact-    form").find('input, textarea').val(""); }     
                // Message Sent? Show the 'Thank You' message and     hide the form
                result = (msg === 'OK') ? '<div     class="success">Your message has been sent. Thank you!</div>' : msg;
                var i = setInterval(function() {
                    if ( !note.is(':visible') ) {
                        note.html(result).slideDown(1000);
                        clearInterval(i);
                    }
                }, 40);    
            }); // end loading image fadeOut
        }
    });

    return false;
});

Answer 1

看起来您正在使用以下行重置您的字段:

if(msg === 'OK') {   $("#ajax-contact-form").find('input, textarea').val(""); }

input, textarea 不是很具体，所以它会影响您的所有输入。如果你有可用的 css 选择器，你可以使用它们。对于您的情况，我可能会这样做:

if(msg === 'OK') {
    $("#ajax-contact-form").find('input:not([type=submit]), textarea').val("");
}