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

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

| 我正在使用jQuery Example插件来预填充表单的文本输入字段。 通过清除焦点上的输入，它的效果很好，并且您在其中键入的任何内容都会保留在模糊状态。 该插件的文档说，它将阻止在提交时提交预填文本。但是，对于通过Ajax提交时发生的情况，没有任何评论。 当我提交表单（通过Ajax）时，预填充文本实际上已发送到服务器。 我想知道是否有人可以提供有关在输入字段为空或包含预填充文本的情况下如何在ajax上清空“ 0”的想法。 感谢您的帮助。 这是表格

<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
});

    

解决方法

        您可以检查它是否显示“您在想什么？”，并要求用户使用以下代码输入内容：

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
    }
}

Ad @ m