front/pages/yonghu/register.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<link rel="stylesheet" href="../../assets/css/relys/login.css">
	</head>
	<body>
		<div class="container" id="app">
			<div class="loginBox">
				<h3>注册</h3>
				<form id="loginForm">
					<div class="input-wrapper">
						<label>用户名:</label>
						<input v-model="yonghuming" type="text" name="" placeholder="请输入用户名">
					</div>
					<div class="input-wrapper">
						<label>密码:</label>
						<input v-model="mima" type="text" name="" placeholder="请输入密码">
					</div>
					<div class="input-wrapper">
						<label>姓名:</label>
						<input v-model="xingming" type="text" name="" placeholder="请输入姓名">
					</div>
					<div class="input-wrapper">
						<label>联系电话:</label>
						<input v-model="lianxidianhua" type="text" name="" placeholder="请输入联系电话">
					</div>
					<div class="input-wrapper">
						<label>电子邮箱:</label>
						<input v-model="dianziyouxiang" type="text" name="" placeholder="请输入电子邮箱">
					</div>
					<div class="input-wrapper">
						<label>身份证号:</label>
						<input v-model="shenfenzhenghao" type="text" name="" placeholder="请输入身份证号">
					</div>
					<div class="input-wrapper">
						<label>邮政编号:</label>
						<input v-model="youzhengbianhao" type="text" name="" placeholder="请输入邮政编号">
					</div>
					<div class="input-wrapper">
						<label>收货地址:</label>
						<input v-model="shouhuodizhi" type="text" name="" placeholder="请输入收货地址">
					</div>
				</form>
				<a href="../login/login.html">已有账号？去登录</a>
				<button type="button" @click="userRegister">注册</button>
			</div>
		</div>
		<script src="../../assets/js/relys/jquery.js"></script>
		<script src="../../assets/js/relys/vue.js"></script>
		<script src="../../assets/js/api/api.js"></script>
		<script src="../../assets/js/api/defaultuser.js"></script>
			<script src="../../assets/js/validate.js"></script>
		<script type="text/javascript">
			var app = new Vue({
				el: "#app",
				data: {
					"yonghuming": "",
					"mima": "",