Предварительно заполненный текст ввода (водяной знак) - как предотвратить отправку значения через jQuery Ajax?

Question

Я использую плагин jQuery Example для предварительного заполнения полей ввода текста в форме.

Это работает хорошо, очищая ввод от фокуса и все, что вы вводите там, сохраняется на размытие.

В документации к плагину сказано, что он будет препятствовать отправке предварительно заполненного текста при отправке. Но нет комментариев о том, что происходит при отправке через Ajax.

Когда я отправляю свою форму (через Ajax), текст предварительного заполнения фактически отправляется на сервер.

Интересно, может ли кто-нибудь помочь с идеями о том, как очистить value в ajax, если поле ввода пустое или содержит текст предварительного заполнения.

Спасибо за помощь.

Это форма

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

Ad @ м