使用JQuery不能正常工作的簡單驗證

我試圖在文本框中輸入一個值時使標籤的文本顏色爲綠色。如果不是，那麼標籤的文字顏色將是藍色。使用JQuery不能正常工作的簡單驗證

當我在文本框中輸入值時，標籤的顏色變爲綠色。但是，當我刪除文本時，標籤保持綠色並且不會變爲藍色。

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

來源

2011-12-08 Suresh Pattu

你甲肝$('input[type=text])不$('input[type="text"]')，這裏是你JS Fiddle

來源

2011-12-08 05:11:52

運行的代碼後，我輸入值時間文字顏色更改爲綠色很好 –

看到我的問題是在我刪除文本框中的值我在文本框中輸入的內容然後還文字顏色顯示綠色我不想顯示在綠色 –

現在檢查[JS小提琴]（http://jsfiddle.net/8PJmG/11/），我已經解決了您的問題 –

使用JQuery不能正常工作的簡單驗證

回答

相關問題