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在页面加载的值，这将是""，一个空的字符串。因为什么都没有输入。