显示占位符与显示值

时间:2015-12-24 21:21:56

标签: javascript jquery

我有Edit Information表单,显示value s且没有占位符。然后我使用jQuery将占位符添加到表单中,但希望占位符仅显示值是否为空。如果用户之前已输入此字段的信息,则字段具有值。

if ( $('[name="user_email"]').val() ) { $('[name="user_email"]').attr("placeholder", "Email").val(""); }
if ( $('[name="company"]').val() ) { $('[name="company"]').attr("placeholder", "Company Name *").val(""); }
if ( $('[name="password"]').val() ) { $('[name="password"]').attr("placeholder", "Password *").val(""); }

这应该检查字段的值是否为if ( $('[name="user_email"]').val() )为空,然后如果值为空,则插入占位符。目前没有value的字段留空,但带有value的字段会被赋予其占位符。

如果我将占位符放在else中,就像这样

if ( $('[name="company"]').val() ){} else { $('[name="company"]').attr("placeholder", "Company Name *").val(""); }

它会正确打印出来。但是那个漫长而凌乱的问题以及我对价值内容的if检查显然并不像我认为的那样有效。如何缩短它并使其正确输入值和占位符?

2 个答案:

答案 0 :(得分:0)

有了这个:

if ( $('[name="user_email"]').val() )

您正在检查是否有值...不是空值... 您的编码如下:如果有值,则添加占位符...

答案 1 :(得分:0)

只需使用下面的3条陈述并删除其余的

$('[name="user_email"]').attr("placeholder", "Email");
$('[name="company"]').attr("placeholder", "Company Name *");//Company Name * will be shown as placeholder if field is empty
$('[name="password"]').attr("placeholder", "Password *"); //Same as above

正确的IF检查将是

if(! $('[name="user_email"]').val() )