Question

每当我在文本框中输入值时，我都会尝试将标签的文本设为绿色。如果没有，那么标签的文字颜色将为蓝色。

当我在文本框中输入一个值时，标签的颜色会变为绿色。但是，当我删除文本时，标签会保持绿色并且不会变为蓝色。

我的HTML代码是：

<html><body><form>  
    <input type="text" id="name" name="name" placeholder="First Name" />
    <label for="name">First Name </label>  
</form></body></html>

我的脚本是：

<script type="text/javascript" src="jquery-1.5.2.min.js"></script>   
<script type="text/javascript">  
    $(document).ready(function(){  
        $('input[type="text"]').focusin(function() {  
            var sd=$(this).attr('id');  
            var val=$(this).val();  
            $('label[for^="'+sd+'"]').css('display','inline');  
        });  

        $('input[type="text"]').focusout(function() {  
            var val=$(this).val();  
            var sd=$(this).attr('id');               
            if(val===''){  
                $('label[for^="'+sd+'"]').css('display','none');  
            }  else {
                $('label[for^="'+sd+'"]').css({
                    'display':'inline',
                    'color':'#82A714'
                });
            }    
         });  
    });  
</script>

Answer 1

您必须$('input[type=text])而不是$('input[type="text"]')，这是您的工作代码JS Fiddle

使用JQuery Not Working进行简单验证

1 个答案: