Jquery 清晰聚焦领域&;提交

Jquery 清晰聚焦领域&;提交,jquery,css,Jquery,Css,我有一个表单设置,有两个文本框,它们有默认值,可以在焦点上清除。这些框是可选的,不是强制性的。所以最后通牒表单可以在没有它们的情况下提交,但是当表单以设置的默认值提交时,它似乎会在POST上传递它们 是否仍然可以从post数据中清除它们,并将它们作为空/空值提交 我的表格编号如下: <input id="town" name="SeV[2]" type="text" autocomplete="off" style="width: 149px; color:#ccc;" onfocus=

我有一个表单设置,有两个文本框,它们有默认值,可以在焦点上清除。这些框是可选的,不是强制性的。所以最后通牒表单可以在没有它们的情况下提交,但是当表单以设置的默认值提交时,它似乎会在POST上传递它们

是否仍然可以从post数据中清除它们,并将它们作为空/空值提交

我的表格编号如下:

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


提前感谢。

添加此代码,它应该可以正常工作:

$(文档).ready(函数(){
$(“表格”)。提交(函数(){
$(“输入:文本,$(此))。每个(函数(索引){
if(this.value==this.defaultValue)
此值为“”;
});
});
});
它将在表单提交时迭代所有文本框,如果它们的值等于默认值,则将它们的值设置为空


。(单击“提交”并查看默认值是否被清除,如果您更改某个值,它将保持不变)

添加此代码,它将正常工作:

$(文档).ready(函数(){
$(“表格”)。提交(函数(){
$(“输入:文本,$(此))。每个(函数(索引){
if(this.value==this.defaultValue)
此值为“”;
});
});
});
它将在表单提交时迭代所有文本框,如果它们的值等于默认值,则将它们的值设置为空


。(单击submit并查看默认值被清除,如果您更改了一个值,它将保持不变)

如果您的用户主要使用更新的浏览器,您可以使用HTML5的
placeholder=“Enter Town/City”
。如果用户主要使用更新的浏览器,则可以使用HTML5的
placeholder=“Enter Town/City”
。我可以在你的测试中看到它的作用。这正是我所需要的,但把它放进我的网站,它不工作。。?表格信息如下。。您可能在
标记中没有
type=“text”
,因为这是默认值,这是我的错。。请参阅“编辑”以获取修复。我还修复了多个表单的bug,这些表单会清除未提交表单中的值,因此代码现在只处理提交表单中的元素..啊哈!它正在触发,但是表单现在没有提交?当我点击提交按钮时。表单没有提交,它清除了值,但没有运行提交?请确保没有
返回false测试用例中的一行,它取消了表单提交。干杯,很高兴我能帮忙。:-)我可以在你的测试中看到它的作用。这正是我所需要的,但把它放进我的网站,它不工作。。?表格信息如下。。您可能在
标记中没有
type=“text”
,因为这是默认值,这是我的错。。请参阅“编辑”以获取修复。我还修复了多个表单的bug,这些表单会清除未提交表单中的值,因此代码现在只处理提交表单中的元素..啊哈!它正在触发,但是表单现在没有提交?当我点击提交按钮时。表单没有提交,它清除了值,但没有运行提交?请确保没有
返回false测试用例中的一行,它取消了表单提交。干杯,很高兴我能帮忙。:-)