在表单中使用输入文本框的value属性时返回占位符文本

Question

我正在使用webshim在IE8的文本框中提供html5占位符功能。

我提交表单时工作正常 - 如果用户没有输入任何内容，则该字段为空白。

但是当我试图通过将一个ajax请求挂钩到onclick事件来使事情变得更好时，以下代码行返回占位符文本而不是空字符串。

document.getElementById('idOfTextBox').value

我该如何避免这种行为？

Answer 1

您可以将其设置为替代

if ( document.getElementById('idOfTextBox').value=='placeholder' ) {
    document.getElementById('idOfTextBox').value='';
}

基本上，如果文本框值=占位符，它会将值设置为''（空字符串）

Answer 2

V31，超级快！你是对的，jquery做对了。

$('#idOfTextBox').val() 

给出正确的结果

Answer 3

由于占位符修复将值放在文本框中并将样式更改为显示为占位符，因此您需要在提交之前对其进行修复。请在下面的jquery中找到代码：

$('form').submit(function() {
        $(this).find('.hasPlaceholder').each(function() {
            $(this).val('');
        });
});

请勿在要删除占位符的文本框中使用类＆has;来自于＃has; hasPlaceHolder＆＃39;这样它就可以找到它们

根据OP，jquery选择器工作

$('#idOfTextBox').val()