js验证的问题
problems with js validation
我在尝试验证字段时遇到问题,输入名称(例如),但输入正确,输入的密码少于8个字符。我删除了"名称"字段,当我输入密码并尝试清空字段"名称"时也会发生同样的情况。我显示了警报,但清除了已验证的字段。会吗?
<!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
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不能接受我的代码
您需要将return
添加到onclick
属性中,以便单击处理程序将返回验证函数返回的内容。
<input name="boton" id="boton" type="submit" onclick="return validar();" value="Enviar" />
否则,当验证失败并且表单已提交时,不会返回false
。
相关文章:
- javascript中添加验证电子邮件的问题
- Javascript验证问题
- CRM身份验证问题
- 获取json结果的身份验证问题
- 关于验证和语义标记的一些基本HTML5问题
- 为密码验证实现正则表达式时出现问题
- JS表单验证问题
- 在 mongodb 和 expressjs 中验证事物的问题
- 如何在窗体中使用多个按钮解决验证问题
- 带有jquery验证问题的php表单
- jQuery表单验证和提交问题
- Javascript if语句问题,以及如何在jquery中验证颜色
- jQuery表单验证插件's只有文字字段的问题
- 在Internet Explorer 11中使用SoundCloud进行身份验证时出现问题
- Jquery表单验证脚本问题
- Google UiApp中的Google Apps脚本验证问题
- 小数、逗号和客户端验证的问题
- 使用 jQuery 问题验证和提交表单
- 自定义jQuery的问题.验证器规则
- 使用jquery有问题.验证器和格式散列一起工作