Question

我使用jQuery Example plugin预填充表单的文本输入字段。

它很好地工作，通过清除焦点上的输入和你输入的任何内容都会保留模糊。

插件的文档说它会阻止在提交时提交预填充文本。但是没有评论通过Ajax提交时会发生什么。

当我提交表单（通过Ajax）时，预填充文本实际上会发送到服务器。

我想知道如果输入字段为空或包含预填充文本，是否有人可以提供有关如何在ajax上清空value的想法。

感谢您的帮助。

这是表格

<form action="http://example.com/1" method="post" accept-charset="utf-8" id="posts_form" enctype="multipart/form-data">

<input type="text" name="posts_text" value="" id="posts_text" class="example">

</form>

的jQuery

$('#posts_text').example('What\'s on your mind?');

function submitPost() {

    $.ajax({
        url: 'chat/posts_submit/' + <?php echo $page_id; ?>,
        type: 'POST',
        data: $('#posts_form').serialize(),
        dataType: 'html',
        beforeSend: function(){
              $('#loading').show();
            },          
        success: function(html) {
            $('#posts_insert').replaceWith(html);
            $('#loading').hide();
        }
    });
}

$('.share_js').click(function(e){
    e.preventDefault();
    submitPost();
    return false; // dont move to top
});

Answer 1

你可以查看它是否写着“你有什么想法？”并要求用户输入以下代码：

function submitPost(){
    if($("#posts_text").val() == "What's on your mind?"){
        alert("Please enter what's on your mind...");
    }else{
        // Continue on submitting via Ajax
    }
}

广告@米

预填充输入文本（水印） - 如何防止通过jQuery Ajax提交值？

1 个答案: