set up login and register page
This commit is contained in:
@ -1,56 +1,51 @@
|
||||
|
||||
@model WebApplication1.Models.user
|
||||
|
||||
@{
|
||||
ViewBag.Title = "Register";
|
||||
}
|
||||
|
||||
<h2>Register</h2>
|
||||
<h2>Create a new user</h2>
|
||||
|
||||
<script>
|
||||
function checkPasswords() {
|
||||
var password = document.getElementById("password");
|
||||
var confirmPassword = document.getElementById("ConfirmPassword");
|
||||
var errorMessage = document.getElementById("passwordMismatch");
|
||||
@using (Html.BeginForm())
|
||||
{
|
||||
@Html.AntiForgeryToken()
|
||||
|
||||
<div class="form-horizontal">
|
||||
<h4>user</h4>
|
||||
<hr />
|
||||
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
|
||||
<div class="form-group">
|
||||
@Html.LabelFor(model => model.usename, htmlAttributes: new { @class = "control-label col-md-2" })
|
||||
<div class="col-md-10">
|
||||
@Html.EditorFor(model => model.usename, new { htmlAttributes = new { @class = "form-control" } })
|
||||
@Html.ValidationMessageFor(model => model.usename, "", new { @class = "text-danger" })
|
||||
</div>
|
||||
</div>
|
||||
|
||||
if (password.value !== confirmPassword.value) {
|
||||
errorMessage.textContent = "Passwords do not match.";
|
||||
return false;
|
||||
}
|
||||
else {
|
||||
errorMessage.textContent = "";
|
||||
return true;
|
||||
}
|
||||
<div class="form-group">
|
||||
@Html.LabelFor(model => model.password, htmlAttributes: new { @class = "control-label col-md-2" })
|
||||
<div class="col-md-10">
|
||||
@Html.EditorFor(model => model.password, new { htmlAttributes = new { @class = "form-control" } })
|
||||
@Html.ValidationMessageFor(model => model.password, "", new { @class = "text-danger" })
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
@Html.LabelFor(model => model.displayname, htmlAttributes: new { @class = "control-label col-md-2" })
|
||||
<div class="col-md-10">
|
||||
@Html.EditorFor(model => model.displayname, new { htmlAttributes = new { @class = "form-control" } })
|
||||
@Html.ValidationMessageFor(model => model.displayname, "", new { @class = "text-danger" })
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-2 col-md-10">
|
||||
<input type="submit" value="Create" class="btn btn-outline-dark" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</script>
|
||||
<form asp-action="Register" asp-controller="Account" method="post">
|
||||
<div asp-validation-summary="All"></div>
|
||||
<div class="form-group">
|
||||
<label
|
||||
asp-for="username"> username </label>
|
||||
<input asp-for="username" class="form-control" required />
|
||||
<span asp-validation-for="username" class="text-danger"></span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
|
||||
<label asp-for="password"> password </label>
|
||||
<input asp-for="password" id="password"
|
||||
type="password" class="form-control" required/>
|
||||
<span asp-validation-for="password" class="text-danger"></span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label asp-for="ConfirmPassword">Confirm Password</label>
|
||||
<input asp-for="ConfirmPassword" id="ConfirmPassword"
|
||||
type="password" class="form-control" oninput="checkPasswords()" required />
|
||||
<span asp-validation-for="ConfirmPassword" class="text-danger"></span>
|
||||
<span id="passwordMismatch" class="text-danger"></span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label asp-for="displayname">display name</label>
|
||||
|
||||
<input asp-for="displayname" class="form-control" required />
|
||||
<span asp-validation-for="displayname" class="text-danger" ></span>
|
||||
</div>
|
||||
<br />
|
||||
<button type="submit" class="btn btn-primary">Register</button>
|
||||
</form>
|
||||
|
||||
<div>
|
||||
@Html.ActionLink("Back to List", "Index")
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user