:::
4-12 signup.php
4-13 templtes/signup.tpl
<!doctype html>
<html lang="zh-Hant-TW">
<head>
{include file="header.tpl"}
</head>
<body>
<div class="img-container">
<div class="container">
<nav class="nav">
<a href="index.php" class="nav-link text-white">首頁</a>
<a href="index.php" class="nav-link text-white">編輯精選</a>
<a href="index.php" class="nav-link text-white">街巷故事</a>
<a href="index.php" class="nav-link text-white">市井觀點</a>
<a href="index.php" class="nav-link text-white">私房知識塾</a>
<a href="admin.php" class="nav-link text-white">管理</a>
</nav>
<h1 class="pt-5">巷集談-街道新聞</h1>
<form class="form-signup" id="usersignup" name="usersignup" method="post" action="createuser.php">
<h2 class="form-signup-heading">Register</h2>
<input name="newuser" id="newuser" type="text" class="form-control" placeholder="Username" autofocus>
<input name="email" id="email" type="text" class="form-control" placeholder="Email">
<br>
<input name="password1" id="password1" type="password" class="form-control" placeholder="Password">
<input name="password2" id="password2" type="password" class="form-control" placeholder="Repeat Password">
<button name="Submit" id="submit" class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
<div id="message"></div>
</form>
</div>
</div>
{include file="footer.tpl"}
<script src="js/signup.js">
</script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script>
$("#usersignup").validate({
rules: {
email: {
email: true,
required: true
},
password1: {
required: true,
minlength: 4
},
password2: {
equalTo: "#password1"
}
}
});
</script>
</body>
</html>
