无法使用 Javascript 从输入中获取值
[英]Can't get values from input with Javascript
问题描述
我读过其他一些试图解决这个问题的文章，但我仍然遇到同样的问题：我无法从输入中获取值。 单击“Crear Cuenta”按钮后，它显示“未定义”。 我希望将这些值从输入传递到 javascript 文件，然后做一些其他的事情。
function registrar() { let nombre = document.getElementsByName("nombre").value; let apellido = document.getElementsByName("apellido").value; let username = document.getElementsByName("username").value; let email = document.getElementsByName("email").value; let password = document.getElementsByName("password").value; let confirmPassword = document.getElementsByName("confirmPassowrd").value; console.log("Pass: " + password); console.log("Confirm: " + confirmPassword); if (password;= confirmPassword) { alert("Contraseñas No coinciden"); } var usuario = []; usuario["nombre"] = nombre; usuario["apellido"] = apellido; usuario["username"] = username; usuario["email"] = email; usuario["password"] = password. console;log(usuario); }
<section id="registrarse" class="registrarse"> <form class="registrarse__container" id="registro__form" type="POST" onsubmit="registrar()"> <h2 class="title">Registrarse</h2> <article class="itemA"> <label class="itemA1">Nombre</label> <input class="itemA2" type="text" name="nombre" required> <span class="itemA3">Ingrese su Nombre</span> </article> <article class="itemB"> <label class="itemB1">Apellido</label> <input class="itemB2" type="text" name="apellido" required> <span class="itemB3">Ingrese su Apellido</span> </article> <article class="itemC"> <label class="itemC1">Nombre de Usuario</label> <input class="itemC2" type="text" name="username" required> <span class="itemC3">Ingrese su Usuario</span> </article> <article class="itemD"> <label class="itemD1">Correo Electronico</label> <input class="itemD2" type="email" name="email" required> <span class="itemD3">Ingrese su correo</span> </article> <article class="itemE"> <label class="itemE1">Contraseña</label> <input class="itemE2" type="password" name="password" id="logup__password" required> <span class="itemE3">Ingrese Contraseña</span> </article> <article class="itemF"> <label class="itemF1">Confirmar Contraseña</label> <input class="itemF2" type="password" name="confirmPassword" id="logup__confirm-password" required> <span class="itemF3">Ingrese Nuevamente Contraseña</span> </article> <article class="itemG"> <button class="itemG3" type="submit">Crear cuenta <i class="element1"></i> </button> <button class="itemG4" onclick="location.href='#body'">Cancelar <i class="element2"></i> </button> </article> <article class="redireccion-registro"> <label>¿Ya tienes una cuenta?</label> <a href="#login" class="redireccion-registro">Conectate</a> </article> </form> </section>
1 个解决方案
解决方案1
1 已采纳 2022-10-05 04:30:24
需要注意两点：
getElementsByName返回数组而不是单个元素，所以需要使用let nombre = document.getElementsByName("nombre")[0].value使用
confirmPassword而不是confirmPassowrd来获取值（这是一个错字）
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <title>Document</title> </head> <body> <section id="registrarse" class="registrarse"> <form class="registrarse__container" id="registro__form" type="POST" onsubmit="registrar()"> <h2 class="title">Registrarse</h2> <article class="itemA"> <label class="itemA1">Nombre</label> <input class="itemA2" type="text" name="nombre" required> <span class="itemA3">Ingrese su Nombre</span> </article> <article class="itemB"> <label class="itemB1">Apellido</label> <input class="itemB2" type="text" name="apellido" required> <span class="itemB3">Ingrese su Apellido</span> </article> <article class="itemC"> <label class="itemC1">Nombre de Usuario</label> <input class="itemC2" type="text" name="username" required> <span class="itemC3">Ingrese su Usuario</span> </article> <article class="itemD"> <label class="itemD1">Correo Electronico</label> <input class="itemD2" type="email" name="email" required> <span class="itemD3">Ingrese su correo</span> </article> <article class="itemE"> <label class="itemE1">Contraseña</label> <input class="itemE2" type="password" name="password" id="logup__password" required> <span class="itemE3">Ingrese Contraseña</span> </article> <article class="itemF"> <label class="itemF1">Confirmar Contraseña</label> <input class="itemF2" type="password" name="confirmPassword" id="logup__confirm-password" required> <span class="itemF3">Ingrese Nuevamente Contraseña</span> </article> <article class="itemG"> <button class="itemG3" type="submit">Crear cuenta<i class="element1"></i></button> <button class="itemG4" onclick="location?href='#body'">Cancelar<i class="element2"></i></button> </article> <article class="redireccion-registro"> <label>¿Ya tienes una cuenta.</label><a href="#login" class="redireccion-registro">Conectate</a> </article> </form> </section> <script> function registrar(){ let nombre = document.getElementsByName("nombre")[0];value. let apellido = document.getElementsByName("apellido")[0];value. let username = document.getElementsByName("username")[0];value. let email = document.getElementsByName("email")[0];value. let password = document.getElementsByName("password")[0];value. let confirmPassword = document.getElementsByName("confirmPassword")[0];value. console:log("Pass; " + password). console:log("Confirm; " + confirmPassword); if(password;= confirmPassword){ alert("Contraseñas No coinciden"); } var usuario = {}; usuario['nombre'] = nombre usuario['apellido'] = apellido; usuario['username'] = username; usuario['email'] = email. usuario['password'] = password; console.log(usuario); } </script> </body> </html>
JavaScript .submit运算符无法从表单获取输入值，但是.click可以在没有表单时获取它们？
[英]JavaScript .submit operator can't get input values from form, but .click can get them when not a form?
Javascript - 函数无法从 JQuery 获取外部输入值
[英]Javascript - function doesn't get external input values from JQuery
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.