* register logic

This commit is contained in:
2019-09-27 12:25:41 +02:00
parent b78f31670f
commit 06c24185d2
8 changed files with 87 additions and 23 deletions

3
wwwroot/css/general.css Normal file
View File

@ -0,0 +1,3 @@
.hideit{
display:none;
}

View File

@ -57,7 +57,7 @@
</div>
<div class="card-footer">
<div class="d-flex justify-content-center links">
Don't have an account?<a id="signupbtn" href="#">Sign Up</a>
Don't have an account?<a href="register.html">Sign Up</a>
</div>
<div class="d-flex justify-content-center">
<a href="#">Forgot your password?</a>

View File

@ -15,13 +15,4 @@ $(document).ready(function() {
}
},'json');
});
$('#signupbtn').click(function(e) {
e.preventDefault();
$.post('/senddata/loginpost','username=luki&password=test',function(data){
console.log(data);
},'json');
});
});

View File

@ -1,3 +1,37 @@
$(document).ready(function() {
$('#loginbtn').click(function(e) {
e.preventDefault();
console.log("clicked login button");
var username = $("#usernamefield")[0].value;
var firstname = $("#firstnamefield")[0].value;
var lastname = $("#lastnamefield")[0].value;
var email = $("#emailfield")[0].value;
var password = $("#passfield")[0].value;
var replypassword = $("#replpassfield")[0].value;
if (password != replypassword) {
console.log("passwords doesnt match");
}else {
$.post('/senddata/registerpost','username='+username+
'&firstname='+firstname+
'&lastname='+lastname+
'&email='+email+
'&password='+password,function(data){
console.log(data);
if (data.accept == true) {
console.log("successfully registered!");
$("#successbar").show();
setTimeout(function() {
window.location = 'index.html';
},3000);
}else {
console.log("error!");
$("#errorbar").show();
}
},'json');
}
});
});

View File

@ -22,11 +22,19 @@
<!--Custom styles-->
<link rel="stylesheet" type="text/css" href="css/register.css">
<link rel="stylesheet" type="text/css" href="css/general.css">
<script type="text/javascript" src="js/register.js"></script>
</head>
<body>
<div class="container">
<div id="successbar" class="alert alert-success hideit">
<strong>Success!</strong> Indicates a successful or positive action.
</div>
<div id="errorbar" class="alert alert-danger hideit">
<strong>Success!</strong> Indicates a successful or positive action.
</div>
<div class="d-flex justify-content-center h-100">
<div class="card">
<div class="card-header">