xianyu199901
xianyudx
采纳率0%
2019-12-06 00:52 浏览 646

利用 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条回答 默认 最新

  • qq_39062787 拾年丶不久 2019-12-06 08:52

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

    点赞 1 评论 复制链接分享
  • weixin_44058725 雨生百谷,方为谷雨 2019-12-06 08:57

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

    点赞 1 评论 复制链接分享
  • jslang 天际的海浪 2019-12-06 21:53

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

    点赞 评论 复制链接分享
  • tjj3027 三知之灵 2019-12-06 22:36

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

    点赞 评论 复制链接分享

相关推荐