JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        <form>
            <p>Nickname: <input name="name" type="text" id="nickname"></p>
            <p>University: <input name="university" type="text" id="univer" value="University of Berlin">
            <p>Login: <input name="login" type="text" id="loginData" value="LE_StuRa"></p>
            <p>Password:<input name="passwordfield" type="password" id="passw" value="34kle1"></p>
        </form>
    </div>
   
    <div id="loading"></div>

    <form action="http://google.com">
        <input type="submit" value="Continue" id="googleButton">
    </form>

JavaScript

$(document).ready(function(){
        $("#googleButton").click(function(){				
            var load = $("<img src='http://www.tj-auctions.com/images/loading.gif'/>"); 
            $(load).prependTo("#loading").fadeOut(3000, function(){

                if ( $("#loginData").val() != "LE_StuRa" || $("#univer").val() != "University of Hamburg" ) {
                    alert ("Wrong log-in data");
                    return false;
                }; 

                if ( $("#passw").val() != "34kle1" ) {
                    alert ("Wrong password");
                    return false;
                };

                if ( !$("#nickname").val() ) {
                    alert ("Please enter a nickname!");
                    return false;
                });

            });	
        });
    });