//Kontrollera validering
var validatedUser, validatedPwd;

//Användarnamn
var username = document.getElementById("username");
var usernameFeedback = document.getElementById("usernameFeedback");
username.onblur = checkUsername;

function checkUsername()
{
	if (username.value.length < 5 || /\s/g.test(username.value))
	{
		usernameFeedback.textContent = "Användarnamnet måste innehålla 5-15 tecken utan mellanslag";
		validatedUser = false;
	}

	else
	{
		usernameFeedback.textContent = "";
		validatedUser = true;
	}
}

//Lösenord
var password = document.getElementById("password");
var passwordFeedback = document.getElementById("passwordFeedback");
password.onblur = checkPassword;

function checkPassword()
{
	var key = "^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,15}$";

			  //Minst en gemen, en versal, sen siffra och ett specialtecken

	if (!password.value.match(key))
	{
		passwordFeedback.textContent = "Lösenordet måste innehålla 8-15 tecken varav en gemen, en versal, en siffra och ett specialtecken";
		validatedPwd = false;
	}

	else
	{
		passwordFeedback.textContent = "";
		validatedPwd = true;
	}
}

//Visa dolt lösenord
var show = document.getElementById("showPwd");
show.onchange = showPwd;

function showPwd()
{
	if (show.checked)
	{
		password.type = "text";
	}

	else
	{
		password.type = "password";
	}
}

//Visa kvarvarande tecken i textfältet
var description = document.getElementById("description");
var descriptionFeedback = document.getElementById("descriptionFeedback");
description.onkeyup = charCount;
descriptionFeedback.textContent = 150 + " tecken kvar";

function charCount()
{
	var textLength = description.value.length;
	descriptionFeedback.textContent = 15 - textLength + " tecken kvar";
}



//Skicka formuläret när formuläret är validerat
var submit = document.getElementById("submit");
submit.onclick = checkSubmit;

function checkSubmit()
{
	if (validatedUser == true && validatedPwd = true)
	{
		return true;
	}

	else
	{
		alert("Formuläret är inte korrekt ifyllt!");
		return false;
	}
}