更改文本颜色当在文本框中输入内容

问题描述：

我有一个窗体有多个输入文本框，其中有一些浅色文本消息。当用户输入文字应该变黑时。我这是工作的一个jQuery代码，但我不能使用多个文本框更改文本颜色当在文本框中输入内容

<html> 
    <head> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.js"></script> 
     <style> 
     input{color:grey} 
     </style> 
    </head> 


    <body> 
<div class="formWrapper"> 
<form name=form> 
<Input type="text" name="name1" value="Eg : Flat-27,Block 4,Skyline" size="30"> 
</form> 
</div> 
<script> 
$('input').focus(function(){ 
    if($(this).val() == this.defaultValue){$(this).val('');$(this).css("color","Red");} 
}).blur(function(){ 
    if($(this).val() == ''){$(this).val(this.defaultValue);$(this).css("color","grey");} 
}); 
</script> 
</body> 
</html>

你尝试过什么到目前为止？请张贴源代码并向我们展示什么不起作用 – Curt

当字段被聚焦或者输入内容时是否应该改变颜色？无论焦点与否？ – acme

对文本框使用'onkeyup'事件。 –

答

东西沿着这些路线应该工作：

// jQuery 
$("input[type='text']").keyup(function(){ 

    if ($(this).val() !== ''){ 
     $(this).css('color', '#ff0000') 
    } else { 
     $(this).css('color', '#000000') 
    } 

});

http://jsfiddle.net/LRzKF/

我将其集成到了我的页面上，但我认为它与其他jQuery脚本冲突。 – Sibu

@Sibu返回哪些错误？ –

有没有错误，但脚本不能正常工作 – Sibu

更改文本颜色当在文本框中输入内容

相关推荐