HTML 表单 - 不要写入默认值

Question

我在网上找到了大量的解决方案，用于在聚焦字段时清除字段中的默认文本，然后在用户退出字段而不输入任何内容时替换它。我最终采用的是来自 Electric Toolbox (http://www.electrictoolbox.com/jquery-change-default-value-on-focus/) 的解决方案：

$('.default-value').each(function() {
var default_value = this.value;
$(this).focus(function() {
    if(this.value == default_value) {
        this.value = '';
    }
});
$(this).blur(function() {
    if(this.value == '') {
        this.value = default_value;
    }
});
});

这工作得很好；当聚焦时，默认值类的每个文本输入字段都会切换为空白字段。当我离开字段时，如果未输入任何内容，则返回默认值，或者如果输入了某些内容，则该数据保留在字段中。到目前为止，一切都很好。

然而这里有一个问题；当用户提交表单时，该字段的默认数据将被写入数据库。由于并非所有字段都是必需的，因此我们有几个用户可能不会选择填写的字段。这意味着我们有一个最终数据列表，其中有很多人的地址为：“John Sample，街道地址，地址 2，城市州邮政编码”。

我希望能够告诉表单如果其中的信息与默认值匹配，则不要提交字段。我不知道 javascript - 我只是拼凑我能找到的代码 - 所以我确信我的语法错误，但理想情况下这会是这样的：

onsubmit
if address1 = "Street Address"
then address1 = ""

有没有任何相当干净和简单的方法来做到这一点？ （另外，如果你能像在和最近遭受脑外伤的人交谈一样解释它，那就太好了。）

Answer 1

你知道占位符html5属性吗？

<input type="text" placeholder="default text"/>

Answer 2

在提交处理程序中，迭代每个字段以查看字段值是否等于标签，在这种情况下设置为空。

Answer 3

您可以简单地使用占位符属性！

http://jsfiddle.net/3efja/

Answer 4

语法可以是

$('.your-form').submit(function(e) {
    e.preventDefault(); // stop the form's default action of submitting


    if (validateForm()) {
        $(this).submit(); // proceed to normal processing
    }
});

// the over-all validation function
function validateForm()
{
    if ($('.the-field').val() == 'default value') {
        return false;
    }

    // the rest of your fields...

    return true;
}

Answer 5

加载时，您应该创建一个默认值的数组，然后在提交时，循环遍历每个字段并查看它是否仍然具有默认值，如果是，则将其设置为空白。

唯一的问题是他们的名字是否真的是“名字”。