Javascript 使用JQuery的简单验证不起作用_Javascript_Jquery

Javascript 使用JQuery的简单验证不起作用

javascript jquery

Javascript 使用JQuery的简单验证不起作用,javascript,jquery,Javascript,Jquery,每当我在文本框中输入值时，我都会尝试使标签的文本变为绿色。如果不是，则标签的文本颜色将为蓝色当我在文本框中输入值时，标签的颜色将变为绿色。但是，当我删除文本时，标签将保持绿色，不会变为蓝色我的HTML代码是： <html><body><form> <input type="text" id="name" name="name" placeholder="First Name" /> <label for="name"&

每当我在文本框中输入值时，我都会尝试使标签的文本变为绿色。如果不是，则标签的文本颜色将为蓝色

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

我的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>


$（文档）.ready（函数（）{
$（'input[type=“text”]”）。焦点位于（函数（）{
var sd=$（this.attr（'id'）；
var val=$（this.val（）；
$（'label[for^=“”+sd+“]”）css（'display'，'inline'）；
});  
$（'input[type=“text”]”）。focusout（函数（）{
var val=$（this.val（）；
var sd=$（this.attr（'id'）；
如果（val==''）{
$（'label[for^=“”+sd+“]”）css（'display'，'none'）；
}否则{
$（'label[for^=“”+sd+“]”）css）({
“显示”：“内联”，
“颜色”：“82A714”
});
}    
});  
});

您必须

$（'input[type=text]）

而不是

$（'input[type=“text”]）

，这是您的工作代码

当我输入值时，文本颜色变为绿色。这是好的。我的问题是在删除文本框中的值后，我在文本框中输入了什么，然后文本颜色显示为绿色，我不想显示为绿色。现在检查，我已经解决了您的问题