Question

所以我试图创建一个基本函数，将我的用户名变量设置为小写，但我一直收到 TypeError

<块引用>

错误消息：index.js:12 Uncaught TypeError：无法读取未定义的属性“值” 在 HTMLFormElement.onSubmit (index.js:12)

如果有人能发现我在这里做错了什么，我将不胜感激。

chmod -R 777 /Users/samjacksom/.bitnami/stackman/machines/xampp/volumes/root/var/mysql

const logform = document.querySelector('#logform');
var username = document.querySelector('#usernameinput');
const password = document.querySelector('#passwordinput');

logform.addEventListener('submit', onSubmit);

function onSubmit(e) { //takes in event parameter
  e.preventDefault();

  var username = username.value.toLowerCase();
  console.log(username.value);
}

Answer 1

我认为这可能是与 username 的命名冲突。见下文：

const elUsernameInput = document.querySelector('#usernameinput');
const elPasswordInput = document.querySelector('#passwordinput');

logform.addEventListener('submit', onSubmit);

function onSubmit(e) { //takes in event parameter
    e.preventDefault();

    const username = elUsernameInput.value.toLowerCase();
    console.log(username.value);
}

如果这不起作用：

确保您的脚本包含在 HTML 中的输入字段和表单字段之后。
确保在某处设置了 logform。您可能需要再次查找，例如 const elLogForm = document.querySelector('#logform')。
确保您在脚本中指定的 id 出现在正确的元素上。

未捕获的类型错误：无法读取属性“值”

1 个答案: