利用 javascript 无法获取html 中 input 的 value 值
<form>
    <input class="mdui-textfield-input" id="U-psd" type="password" required/>
    <button class="mdui-btn mdui-btn-raised mdui-color-pink mdui-ripple" type="submit" onclick="logon()">登陆</button>
<form>

在 js 中:

const userPassword = document.getElementById("U-psd");

function login() {
    let loginUser = new User(userEmail.value, userPassword.value);
    console.log(userEmail.value);
}

在 chrome 中设置的断点,命中时报空字符串错误。

checkForm.js:32 Uncaught TypeError: Cannot read property 'value' of null

求大佬指导。

4个回答

const 值是不可改变吧,初始化时候他肯定没有value,后面就获取不到,试试用var声明

你点击事件html中是logon,js中是login,写错了。其次你可以试试,userPassword.value,应该能拿到input的值。

const userPassword = document.getElementById("U-psd");
这行放到函数里

感觉关键问题,不是提示的是uncaughtType erro,应该是你的userEmail未定义吧,都不存在,哪里来的对应的value

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问

相似问题

4
js怎么获取类型为date的input里面的时间的长度
3
判断!!!如何在JS里面通过value值判断当前选择的按钮,并打印出来
1
jQuery 给input的value值赋值无效?
0
SCRIPT5007: 无法获取未定义或 null 引用的属性“checked” checked在js中,从后面找好找点。谢谢各位!
1
H5 input File 拿不到回调的值
3
求解关于html input标签中利用pattern属性和正则表达式没用的问题
0
获取页面控件时,如何避免那些不是表单中的控件
3
如何解决在IE中input获得焦点后,拖动其他div的滚动条不触发input的失去焦点事件?
1
SAP UI5 开发的 xml view 的 input标签
1
jsp中使用 jstl标签中的 fmt:formatDate 日期获取时 value绑定值改变事件无法监听
2
为什么在打开模态框时不能马上获取树形选择框的value
1
给antd的Input组件设置动态的value,目前不能手动的更改页面输入框内的内容,应该怎么办呢
2
element-ui 表单验证怎么验证两个input输入框(最大值和最小值)最大值不小于最小值?
3
后台传的字符串为HTML代码,在前台已经可以显示,用户填写信息后如何将信息填入?
4
请问如何把单独把每个input取到值 然后加起来放到总分处?
2
在隐藏请求路径的参数同时,怎么把function里的参数传到input为hidden的value里面
1
js获取p标签的值点击button按钮传值给input.vaule
4
jquery根据id获取input文本框中输入的值为undefined
4
使用Thymeleaf时标签的th:text值不替换,但js是能获取到值的时为什么?
2
oBtn.length - 1不是一个确定的值吗,为什么能遍历五个input?