JavaScript简单表单验证：用户名密码是否为空
form表单代码
<form name="form1" method="post" action="">
用户名：<input name="user" type="text" id="user">
密码：<input name="pwd" type="password" id="pwd">
<input type="button" name="button" value="登陆" onclick="check()">
<input type="reset" value="重置">
</form>
自定义JavaScript函数check()
<script language="javascript">
function check(){
if(form1.user.value==""){
alert("请输入用户名！");
form1.user.focus();
return;
} else if (form1.pwd.value=="") {
alert("请输入密码！");
form.pwd.focus();
return;
} else {
form1.submit();
}
}
</script>
示例二
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<form action="" name="my_form" onsubmit="return check_form(this)">
用户名：<input type="text" name="username"><br> 密码：
<input type="text" name="password">
<input type="submit" value="登录"><input type="reset" value="清空">
</form>
<script>
function check_form(form) {
if (form.username.value == "") {
alert("用户名为空")
form.username.focus();
return false;
}
if (form.password.value == "") {
alert("密码为空")
form.password.focus();
return false;
}
return true;
}
</script>
</body>
</html>
这里只是一个简单的JavaScript表单验证，还可以加入正则表达式扩展为更合理的验证；
以上就是速优网络和大家分享的"JavaScript简单表单验证：用户名密码是否为空",非常感谢您有耐心的读完这篇文章，我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供：企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务，本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作，请扫码咨询，我们将诚挚为您服务。
TAG标签：
