Home / Questions / 120458
Accepted
omaza1990
Asked: 2020-11-28 01:45:35 +0800 CST 2020-11-28 01:45:35 +0800 CST

验证 HTML Javascript 表单

  • 772

如果字段为空，为什么它让我发送数据？我应该得到警报，不要让我继续。

function validar_iniciar_sesion_cliente(){
  var idemail, password1;
  idemail = document.getElementById("email").value;
  password1 = document.getElementById("password").value;

  if(idemail=="" || password1==""){
    alert("Todos los campos son obligatorios.");
    return false;
  }else if(idemail.length>50){
    alert("El email debe tener menos de 51 carácteres.");
    document.getElementById("email").value = "";
    document.getElementById("email").focus();
    return false;
  }else if(password1.length>16){
    alert("La contraseña debe tener menos de 17 carácteres.");
    document.getElementById("password").focus();
    return false;
  }
}
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Formulario de Login - Cliente</title>
    <link rel="stylesheet" href="css/estilos_iniciar_sesion.css">
    <script type="text/javascript" src="js/validar_iniciar_sesion_cliente.js"></script>
  </head>
  <body>
    <form name="miformulario" id="miformulario" action="logueo_cliente.php" method="POST" class="form" onsubmit="return validar_iniciar_sesion_cliente();">
      <h2>INICIAR SESIÓN</h2>
      <input type="text" placeholder="&#128272; Usuario" name="email">
      <input type="password" placeholder="&#128272; Contraseña" name="password">
      <div align="center">
        <input type="submit" value="Iniciar sesión"><br/>
        <p class="form-link">¿Aún no tienes una cuenta? <a href="registrar.php">Regístrate aquí</a></p>
      </div>
    </form>
  </body>
</html>

在控制台中出现错误：

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

javascript

1 Answers

  1. Best Answer

    该属性需要id在输入email和中定义password，因为它是您javascript用来收集值并检查它们是否为空的属性。由于它们未定义，因此无法收集值。

    HTML 代码：

    <!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <title>Formulario de Login - Cliente</title>
        <link rel="stylesheet" href="css/estilos_iniciar_sesion.css">
        <script type="text/javascript" src="js/validar_iniciar_sesion_cliente.js"></script>
    </head>
    <body>
        <form name="miformulario" id="miformulario" action="logueo_cliente.php" method="POST" class="form" onsubmit="return validar_iniciar_sesion_cliente();">
            <h2>INICIAR SESIÓN</h2>
            <input type="text" placeholder="&#128272; Usuario" name="email" id="email">
            <input type="password" placeholder="&#128272; Contraseña" name="password" id="password">
            <div align="center">
                <input type="submit" value="Iniciar sesión"><br/>
                <p class="form-link">¿Aún no tienes una cuenta? <a href="registrar.php">Regístrate aquí</a></p>
            </div>
        </form>
    </body>
</html>
    • 3