xfarrow
/
blink
mirror of https://github.com/xfarrow/blink.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

login update

This commit is contained in:
xfarrow 2024-03-25 12:01:59 +01:00
parent e1bb44ca18
commit 8fb6e6d823
3 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/vanilla/html/login.html
View File

@ -83,7 +83,7 @@
<div class="text-center text-lg-start mt-4 pt-2"> <div class="text-center text-lg-start mt-4 pt-2">
<button type="button" onclick="login()" class="btn btn-primary btn-lg" <button type="button" onclick="login()" class="btn btn-primary btn-lg"
style="padding-left: 2.5rem; padding-right: 2.5rem;">Login</button> style="padding-left: 2.5rem; padding-right: 2.5rem;">Login</button>
<p class="small fw-bold mt-2 pt-1 mb-0">Don't have an account? <a href="register.html">Register</a></p> <p class="small mt-2 pt-1 mb-0">Don't have an account? <a class="link-primary text-decoration-none" href="register.html">Register</a></p>
</div> </div>
</form> </form>
</div> </div>
@ -133,12 +133,26 @@
* calls. Retrurns true or false * calls. Retrurns true or false
*/ */
function validateFields(){ function validateFields(){
const email = document.getElementById("email").value; const emailField = document.getElementById("email");
const password = document.getElementById("password").value; const passwordField = document.getElementById("password");
if(!email || !password || !validateEmail(email) || password.length < 5){ var isFormValid = true;
return false;
if(!emailField.value || !validateEmail(emailField.value)){
emailField.classList.add("is-invalid");
isFormValid = false;
} }
return true; else{
emailField.classList.remove("is-invalid");
}
if(!passwordField.value){
passwordField.classList.add("is-invalid");
isFormValid = false;
}
else{
passwordField.classList.remove("is-invalid");
}
return isFormValid;
} }
/* /*

2
frontend/vanilla/html/register.html
View File

@ -112,7 +112,7 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<hr class="mt-5 mb-4 border-secondary-subtle"> <hr class="mt-5 mb-4 border-secondary-subtle">
<p class="m-0 text-secondary text-center">Already have an account? <a href="#!" <p class="m-0 text-secondary text-center">Already have an account? <a href="login.html"
class="link-primary text-decoration-none">Sign in</a></p> class="link-primary text-decoration-none">Sign in</a></p>
</div> </div>
</div> </div>

2
frontend/vanilla/js/utils.js
View File

@ -14,7 +14,7 @@ function getCookie(name) {
* Validates an e-mail using a RegExpression * Validates an e-mail using a RegExpression
* *
* @param {*} email * @param {*} email
* @returns * @returns true or false
*/ */
function validateEmail(email) { function validateEmail(email) {
return String(email) return String(email)