jQuery顯示輸入文本上的空字符串？

Question

我有這樣

<form action=""> 
    <label for="name">Name</label> 
    <input type="text" id="name" /> 
</form> 


<script type="text/javascript"> 
    jQuery(document).ready(function() { 
    var Name = jQuery('#name').val(); 
    jQuery('#name').blur(function() { 
     console.log(Name); 
    }); 
    }); 
</script> 

但在這裏，當我在輸入文本字段中輸入任何值，它顯示像 (an empty string)錯誤的一種形式。那麼有人可以告訴我這裏有什麼問題嗎？如何解決這個問題？

Answer 1

這條線：

var Name = jQuery('#name').val(); 

是一次性操作，該代碼執行時的Name值設置到輸入值。它會而不是當元素的值發生變化時，神奇地更新Name的值（爲什麼很多人會得到這樣的印象？）。你需要做到這一點：

jQuery(document).ready(function() { 
    jQuery('#name').blur(function() { 
     console.log(this.value); 
    }); 
}); 

我剪了現在毫無意義Name變量，只是使用的元素引用（this）直接得到它的價值屬性，而不是使用jQuery功能。

Answer 2

<input type="text" id="name /> 

應該

<input type="text" id="name" /> 

工作小提琴：http://jsfiddle.net/TdLH2/

Answer 3

名稱變量應的onblur處理程序中進行設置：

jQuery('#name').blur(function() { 
    var Name = jQuery(this).val(); //or this.value 
    console.log(Name); 
}); 

Answer 4

嘗試

<form action=""> 
    <label for="name">Name</label> 
    <input type="text" id="name" /> 
</form> 


<script type="text/javascript"> 
    jQuery(document).ready(function() 
    { 
    jQuery('#name').blur(function() { 
    var Name = jQuery("#name").val(); 
    jQuery("#name").blur(function() 
    { 
     console.log(Name); 
    }); 
    }); 
    }); 
</script> 

Answer 5

如果你想CONSOLE.LOG無論是鍵入到框中，你可以這樣做：

<script> 
    jQuery(document).ready(function() { 
    jQuery('#name').keyup(function() { 
     var Name = jQuery('#name').val(); 
     console.log(Name); 
    }); 
    }); 
</script> 

此刻，你得到的#name在頁面加載的值，這將是""，一個空的字符串。因爲什麼都沒有輸入。