js验证问题

Question

I have a problem when I try to validate the fields, entering the name (for example), but entered correctly enter the password with less than 8 characters I deleted the "name" field, the same thing happens when I enter the password and try to put empty the field "Name". 当我尝试验证字段时，输入名称（例如）时出现问题，但输入的密码少于8个字符，我正确删除了“名称”字段，输入密码并尝试输入时会发生相同的情况将“名称”字段留空。 I shows the alerts, but I cleared the fields that have already been validated. 我显示了警报，但清除了已验证的字段。 it will be? 这将是？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     
        <title>Ejercicio 3 v4</title>
        <script type ="text/javascript" src="codigo4.js"> </script> 
  </head>
  <body>
    <form id="formulario" action="#" method="post">
        <label for="nombre">Usuario:</label>    
        <input name="nombre" id="nombre" type="text" />
        <br></br>   
        <label for="clave">Password:</label>    
        <input name="clave" id="clave" type="password" />
        <br></br>
        <label for="reclave">Reingrese Password:</label>    
        <input name="reclave" id="reclave" type="password" />
        <br></br>
        <input name="boton" id="boton" type="submit" onclick="validar()" value="Enviar" />
    </form> 
  </body>
</html>

codigo4.js codigo4.js

function validar(){
    var usuario = document.getElementById("nombre").value;
    var pass = document.getElementById("clave").value;
    var repass= document.getElementById("reclave").value;

    if (usuario =="")
    {
        alert("debe poner un nombre");
        return false;
    }
    else if(usuario.length < 2 )
    {
        alert("nombre debe tener mas de 2 caracteres");
        return false;
    }
    else if(pass =="")
    {
        alert("debe poner un password");
        return false;
    }   
    else if (pass.length < 8 )
    {
    alert("clave debe tener mas de 8 caracteres");
    return false;
    }
    else if (repass.length < 8 )
    {
    alert("clave debe tener mas de 8 caracteres");
    return false;
    }
    else if (pass != repass)
    {
    alert("las contrase��as no coinciden");
    return false;
    }

alert("todos los campos son validos");
return true;
}

pd: jsfiddle can´t accept my code pd：jsfiddle无法接受我的代码

Answer 1

You need to add return to the onclick attribute, so that the click handler will return what the validation function returns. 您需要将return添加到onclick属性，以便单击处理程序将返回验证函数返回的内容。

<input name="boton" id="boton" type="submit" onclick="return validar();" value="Enviar" />

Otherwise, you don't return false when validation fails, and the form is submitted. 否则，当验证失败并提交表单时，您不会返回false 。

js验证问题

问题描述

1 个解决方案

解决方案1
1 2013-07-10 20:19:37

js验证问题

问题描述

1 个解决方案

解决方案1 1 2013-07-10 20:19:37

解决方案1
1 2013-07-10 20:19:37