function validate() {
    // TODO

    let username=$('#username');
    let pass = $('#password');
    let confirm = $('#confirm-password');
    let email = $('#email');
    let company = $('#company');
    let companyNumber = $('#companyNumber');
    let companyInfo = $('#companyInfo');
    let button = $('#submit');

    //Regex
    let usernameRegex=/^[A-Za-z\d]{3,20}$/g;
    let passRegex=/^\w{5,15}$/g;
    let emailRegex=/\w+@\w+\.\w+(\.\w+)*/g;

    company.on('change',function () {
        if(company.is(':checked')){
            companyInfo.css('display','block');
        }
        else
        {
            companyInfo.css('display','none');
        }

    });

    button.on('click',function (ev) {
        ev.preventDefault();
        let isValid=true;


        if(validate(username.val(),usernameRegex)===false)
        {
            isValid = false;
            username.css('border','1px solid red');

        }
        else{
            username.css('border','none');
        }

        if(validate(pass.val(),passRegex)===false)
        {
            isValid=false;
            pass.css('border','1px solid red');
        }
        else
        {
            pass.css('border','none');
        }

        if(confirm.val()!==pass.val())
        {
            isValid=false;
            confirm.css('border','1px solid red');
        }
        else
        {
            confirm.css('border','none');
        }

        if(validate(email.val(),emailRegex)===false)
        {
            isValid=false;
            email.css('border','1px solid red');
        }
        else
        {
            email.css('border','none');
        }

        if(company.is(':checked'))
        {
            console.log(companyNumber.val());
            if(!(1000<Number(companyNumber.val()) && Number(companyNumber.val())<9999))
            {
                console.log("o");
                isValid=false;
                companyNumber.css('border','1px solid red');
            }
            else
            {
                companyNumber.css('border','none');
            }
        }

        if(isValid)
        {
            $('#valid').css('display','block');
        }else
        {
            $('#valid').css('display','none');
        }

    });

    function validate(text,regex) {
      return regex.test(text);
    }
}