Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <style>
            #error {
                color: red;
            }
        </style>
        <script>
            "use strict";
            window.addEventListener("load",function() {
                document.querySelector("form").addEventListener("submit",function(e) {
                    var user = document.getElementById("user");
                    var pswd = document.getElementById("pswd");
                    var div = document.getElementById("error");
                    var errors = [];

                    if(div==null) {
                        div = document.createElement("div");
                        div.id = "error";
                    } else {
                        div.parentNode.removeChild(div);
                        div.innerHTML = "";
                    }

                    if(user.value=="") {
                        errors.push("User field empty!");
                    }
                    if(pswd.value=="") {
                        errors.push("Password field empty!");
                    }

                    if(errors.length!=0) {
                        e.preventDefault();
                        div.innerHTML = errors.join("<br />");
                        document.body.appendChild(div);
                    }
                });
            });
        </script>
    </head>

    <body>
        <form>
            <label for="user">User:</label>
            <input type="text" id="user" name="user" /><br />
            <label for="pswd">Password:</label>
            <input type="password" id="pswd" name="pswd" /><br />
            <input type="submit" />
        </form>
    </body>
</html>