使用JQuery無法進行簡單驗證

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無法進行簡單驗證

問題描述

1 個解決方案

解決方案1
1 已采納 2011-12-08 05:11:52

使用JQuery無法進行簡單驗證

問題描述

1 個解決方案

解決方案1 1 已采納 2011-12-08 05:11:52

解決方案1
1 已采納 2011-12-08 05:11:52