8.1登陆注册通过按钮验证内容是否合理

最新推荐文章于 2023-12-02 15:28:02 发布

P_ning

最新推荐文章于 2023-12-02 15:28:02 发布

阅读量185

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/P_ning/article/details/95619176

版权

JavaScript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
账号:
<input type="text" id="username">
密码:
<input type="password" id="password">
邮箱:<input type="text" id="mail">
<input type="submit" value="登陆" onClick="fun()">



<script type="text/javascript">
	function fun(){
		var a = document.getElementById("username");
		if(a.value.length<3){//文本里的内容长度为value.length
			alert("账号长度不能小与3")
		}
		var b = document.getElementById("password");
		if(b.value.length<3){//文本里的内容长度为value.length
			alert("密码长度不能小与3")
		}
		
		var c = document.getElementById("mail");
		var d = /^[0-9]{3}$/;
		//正则表达式开始标准:/^,结束标志:$/
/*
邮箱的正则表达式
/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;

*/
       if(!d.test(c.value))
       {
          alert("邮箱长度不能小于3");
          myreg.focus();
        return false;
       }
	}
</script>
</body>
</html>