Question

我有一个带有2个文本框的表单设置，这些文本框的默认值可以在焦点上清除。这些盒子是可选的而不是强制性的。所以ultimatley表单可以在没有它们的情况下提交，但是当表单以默认值设置提交时，它似乎在POST时传递它们。

无论如何都要从帖子数据中清除它们并将它们作为NULL / Blank值提交。

我的表单代码如下：

<input id="town" name="SeV[2]"  type="text" autocomplete="off" style="width: 149px; color:#ccc;" onfocus="if(this.value == 'Enter Town / City') this.style.color = '#000'; { this.value = ''; }" value="Enter Town / City" class="field">

<input type="text" style="width: 149px; color:#ccc;" maxlength="255" name="SeV[4]" onfocus="if(this.value == 'e.g Football') this.style.color = '#000'; { this.value = ''; }" value="e.g Football">

提前致谢。

Answer 1

添加此代码，它应该可以正常工作：

$(document).ready(function() {
    $("form").submit(function() {
        $("input:text", $(this)).each(function(index) {
            if (this.value === this.defaultValue)
                this.value = "";
        });
    });
});

它会在表单提交时迭代所有文本框，如果等于默认值，则将其值设置为空。

Live test case。（单击“提交”并查看正在清除的默认值，如果更改它将保留的值）

Focus＆amp ;;提交

1 个答案: