node.js - 未捕获的类型错误:无法在我的 Javascript 注册和登录页面上读取未定义的属性“值”
问题描述
我有以下 JavaScript 代码,我收到一条错误消息:
未捕获的类型错误:无法读取未定义的属性“值”
具体来说,在这一行: const parola=form.parola.value;
<%- include('partials/header') %>
<form action="/signup">
<h2>Kullanıcı Oluştur</h2>
<label for="email">email</label>
<input type="text" name="email" required/>
<div class="email error"></div>
<label for="email">Parola</label>
<input type="password" name="email" required/>
<div class="password error"></div>
<button type="submit">Oluştur</button>
</form>
<%- include('partials/footer') %>
<script>
const form=document.querySelector('form');
form.addEventListener('submit',async (e)=>{
e.preventDefault();
const email=form.email.value;
const parola=form.parola.value;
// console.log(email,parola);
try {
const res=await fetch('/signup',{
method:'POST',
body:JSON.stringify({email,parola}),
headers:{'Content-Type':'application/json'}
});
} catch (error) {
console.log(error);
}
});
</script>
有什么建议吗?
解决方案
问题是document.querySelector
is anHTMLElementObject
所以如果你想要你的电子邮件,你应该这样做:
form.querySelector('input[name=email]').value
推荐阅读
- python - 用另一列中的值替换特定单词
- input - 如何使 AEM/CRX 中的输入字段成为必需?
- git - 为什么我们第一次使用 git remote add origin?
- javascript - React 添加延迟以在状态中应用类
- android - 无法转换工件 com.twilio:video-android
- arrays - 如何在打字稿的对象数组中找到具有相同属性值的对象?
- python - C++ - 如何将大数组作为函数的输入
- reactjs - 访问 React 组件中的 HTML 元素
- java - 将字符串列表转换为包含这些字符串作为字段的对象列表
- excel - 将多个值存储到字典中