javascript - HTML 表单 - 不要写入默认值

标签 javascript html forms default

我在网上找到了大量解决方案,用于在聚焦字段时清除字段中的默认文本,然后在用户退出字段而不输入任何内容时替换它。我最终采用的是来自 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 = ""

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

最佳答案

你知道占位符html5属性吗?

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

关于javascript - HTML 表单 - 不要写入默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8827882/

相关文章:

JavaScript:什么时候可以省略大括号?

javascript - jquery过滤图像src问题

javascript - 使用变量作为 javascript 对象属性的一部分

html - CSS IE8 和 H2 的隐形顶部

html - 如何使 CSS 应用于特定的特定元素?

javascript - 根据选择下拉值向表单添加 x 个输入

javascript - 如何在我们的 mvc3 web 应用程序的产品构建中删除 JS 日志记录调用?

javascript - 在新窗口/选项卡中打开链接

java - 如何选择选定的月份数据

php - 如何在表单提交时将带有 <option> 的表单元素 <select> 中的数据提取到 php 中?