Question

js无法获取密码框的值。为什么T_T





Answer 1

1. 问题原因：

   当执行获取dom节点的value值代码，类似这三行时：
   

var oldPaw = $('#oldPaw').val();
var newPaw = $('#newPaw').val();
var newPawConf = $('#newPawConf').val();

页面中的输入框里是空的，它们此时的值为undefined。页面渲染完成时，你的代码已经执行完了，当你再次往输入框里输入数据时，你获取input框value值的代码不会再次执行了。

2.解决方案：

$('.btn').click(function() {
           var oldPaw = $('#oldPaw').val();
           var newPaw = $('#newPaw').val();
           var newPawConf = $('#newPawConf').val();
           console.log(oldPaw, newPaw, newPawConf);
       })

把获取value值的代码放到click事件中，当点击按钮是再执行获取value值的代码，这样就不会再出现这种问题了。

3.总结：

获取页面dom元素的时机问题，要在恰当的时机执行某些js代码，把js代码放到各种事件里面，当触发该事件时再执行你的js代码。

4.类似问题：

页面中有图片，碰到网络问题或者图片过大时，用js获取该图片时获取不到，原因就是浏览器解析js代码时图片并没有加载完成，所以取不到值。因此，你经常可以看到js文件中会出现如下代码：

window.onload = function(){ };//加载完页面所有元素后执行（包括图片、文件等）
// 或者
$(function(){ });//加载完页面所有dom节点后执行里面的代码

Answer 2

1. 首先你的写法没有问题吗？

2. 其次就是在你的js里面你的引用没有出错吗？

3. 还有就是在你的jsp里面有没有引用这个js文件

4. $("#id").val();这样去取到你的密码！
   

Answer 3

那是因为你没写对吧？

你这样试试看,通过元素的ID获取值：

<input type='password' id='pwd' value='this is value'/>
<script>
var value = document.getElementById('pwd').value;
alert(value)
</script>

Answer 4

js绝对是可以获取到文本框的值的！
var password= $("#密码框id").val();
var password=document.getElementById("密码框id").value;
除非你js出错，js根本执行不到那里，可以谷歌debug一下；

Answer 5

看看你js有没有报错，或者是你是不是没有导入jquery的压缩文件（jquery.min.js）才获取不到值

追问

我刚刚在页面忘记导js了，然后加进去了，结果还是不行T-T，js的包加进来的，alert("hehe")也不出现，但是我用documen.getElementById这个获取，又能提示出我写的“hehe”,但是仅此而已，肿么破，T-T，
我刚把onclick改到了的onsubmit里，还是不能用，啊！！！！

追答

js的路径是不是错了，
documen.getElementById 错了少了t document.getElementById

追问

T-T那个不是张贴的，是我临时手写的，没注意看。
我刚刚喊别个在电脑上跑了一下，居然能行，可关键是我电脑上居然，死活不行，昨天我写其他的ajax都没事，今天突然这样给我闹矛盾了，我好像打它呀，啊！！！我不知道怎么办了，T_T

追答

这样的问题真不知道怎么解决了，别人的电脑就行你的电脑就不行，重新编译下,试试