案例：bootstrap和js写一个注册界面网页

最新推荐文章于 2024-04-30 10:00:00 发布

一个不会编程的

最新推荐文章于 2024-04-30 10:00:00 发布

阅读量908

点赞数 1

分类专栏： JAVAWEB基础

本文链接：https://blog.csdn.net/qq_44878991/article/details/109447573

版权

注册界面

利用前面学的一些知识写一个注册界面（有点糙）。

<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>登录界面</title>
		<link href="../css/bootstrap.min.css" rel="stylesheet">
		<script src="../js/jquery.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script>
			function checkNull(id){
    
				var nodex = document.getElementById(id);
				var msg = document.getElementById(id+"Msg");
				var div = document.getElementById(id+"Div");
				var regex = /^\s*$/;
				
				if (regex.test(nodex.value)) {
    
					div.className += " has-error";  
					msg.innerHTML = "不能为空";
					return true;
				} else{
    
					div.className = "form-group";
					msg.innerHTML = "";
					return false;
				}
			}
			function checkValue(id1,id2){
    
				if(!(checkNull(id1)||checkNull(id2))){
    
					var t1 = document.getElementById(id1).value;
					var t2 = document.getElementById(id2).value;
					//错误信息显示在id2上
					var msg = document.getElementById(id2+"Msg");
					var div = document.getElementById(id2+"Div");
					if (t1!=t2) {
    
						div.className += " has-error";  
						msg.innerHTML = "确认密码与密码不同";
						return false;
					} else{
    
						div.className = "form-group";
						msg.innerHTML = "";
						return true;
					}
				}
				return false;
			}
			function checkChecked(id){
    
				var nodex = document.getElementById(id);
				var msg = document.getElementById(id+"Msg");
				var div = document.getElementById(id+"Div");
				if (nodex.checked) {
    
					div.className = "col-sm-offset-2 col-sm-8";
					msg.innerHTML = "";
					return true;
				} else{
    
					div.className += " has-error";  //记得有个空格
					msg.innerHTML = "请勾选同意保密协议";
					return false;
				}
			}
			function checkForm(){
    
				var flagNull = checkNull("username")==checkNull("password")==checkNull("repassword")
								==checkNull("name")==checkNull("age")==checkNull("number");
				var flagValue = checkValue("password","repassword");
				var flagChecked = checkChecked("checked");

				return flagNull&&flagValue&&flagChecked;
			}
		</script>
	</head>
	<body>
		<div class="container">
			<!--头-->
			<div class="row">
				<div class="col-xs-8">
					<img src="../img/1.png" >
				</div>
				<div class="col-xs-4 text-right"

最低0.47元/天解锁文章

一个不会编程的

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
案例：bootstrap和js写一个注册界面网页

注册界面利用前面学的一些知识写一个注册界面（有点糙）。<html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>登
复制链接

扫一扫