文本框中的文本标签被传递onsubmit

Question

我找到了这个在文本字段中显示字段标题的有用方法。

http://viralpatel.net/blogs/2009/09/default-text-label-textbox-javascript-jquery.html

唯一的问题是，如果用户未填写字段，则会提交标题值。

有人能告诉我如何添加onsubmit检查以确保我们不提交默认文本吗？

这是javascript：

$('input[type="text"]').each(function () {

    this.value = $(this).attr('title');
    $(this).addClass('text-label');

    $(this).focus(function () {
        if (this.value == $(this).attr('title')) {
            this.value = '';
            $(this).removeClass('text-label');
        }
    });

    $(this).blur(function () {
        if (this.value == '') {
            this.value = $(this).attr('title');
            $(this).addClass('text-label');
        }
    });
});

非常感谢......

Answer 1

以下内容应该有效：

$('form').submit(
    function(e){
        $(this).find('input, select, textarea').each(
            function(){
                if ($(this).val() == this.title){
                    $(this).val(''); // removes the value
                    // or prevent form submission:
                    // return false;
                }
            });
    });