Files
newswebappTest/Views/Account/Register.cshtml
2024-07-26 18:49:07 +03:30

57 lines
1.9 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@{
ViewBag.Title = "Register";
}
<h2>Register</h2>
<script>
function checkPasswords() {
var password = document.getElementById("password");
var confirmPassword = document.getElementById("ConfirmPassword");  
var errorMessage = document.getElementById("passwordMismatch");
if (password.value !== confirmPassword.value) {
errorMessage.textContent = "Passwords do not match.";
return false;
}
else {
errorMessage.textContent = "";
return true;
}
}
</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>