首页 > 解决方案 > 未捕获的类型错误:无法在我的 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>

有什么建议吗?

标签: node.jsweb-deployment

解决方案


问题是document.querySelectoris anHTMLElementObject所以如果你想要你的电子邮件,你应该这样做:

form.querySelector('input[name=email]').value

推荐阅读