在开发中遇到一个很以外的问题，就是使用jquery方法val()无法获取到表单的值。这个不经意的错误，让我有点措不及防。

那么，到底是是怎么回事呢？下面具体的如下：

1、html代码。

2、jquery代码。var name  = $('#name').val();

var title = $('#title').val();

$('#sub').click({

console.log(name);

});

3、分析。

当我执行上面的代码的时候，会发现console.log()获取的值，总是空值。无论我在表单里面输入什么值，得到的结果都是一样的。为空。

可能聪明的朋友已经看出来代码的问题了，没看出来的我这里也说下，其实就是一个很简单的错误，主要还是自己不够细心导致的。那么看，正确的该如何写。

jquery代码：$('#sub').click({

var name  = $('#name').val();

var title = $('#title').val();

console.log(name);

});

看出区别了吧。为什么总是获取不到我们输入的值呢，因为我们将值在点击事件的外部获取了，并没有在执行点击事件的时候，再次的获取新的输入框的值才可。

4、总结。

在写jquery的时候，切记要小心点，因为这样的错误，你是看不到报错的。吃一堑长一智。