JS_Validation_app.js

window.onload = function(){

    var element = document.getElementById("form");

    console.log(form);

    if (element.addEventListener)
    { // all aothers
        element.addEventListener('submit', onSubmit, false); // capture or not
    }
    else if (element.attachEvent)
    { // MS
        element.attachEvent('onsubmit', onSubmit);
    }
    else
    { // DOM 0
        element.onsubmit = onSubmit;
    }

    // var form = document.getElementById("form");
    // var children = form.children;
    // for (var element in children) {
        // console.dir(element);

        // if (element.getAttribute("name") == 'name') {
        //  console.log(element);
        // }

    // }
    // console.log(children);
    // var nodeList = document.getElementsByTagName('form');

    function onSubmit(e) {
        var event = e || window.event;
        var element = event.target || event.srcElement;

        if (event.preventDefault) event.preventDefault(); // Standard technique
        if (event.returnValue) event.returnValue = false; // IE

        // alert("Submit");
//      var myForm = document.getElementById("form");
//      var childNodes = myForm.childNodes;

        var inputElement = document.getElementById("input");
        var childNodes = inputElement.childNodes;

        for (var i=0; i < childNodes.length; i++)
        {
            // console.log(childNodes[i].nodeType);
            if (childNodes[i].nodeType == 1) {
                // console.log(childNodes[i]);
                // console.log("nodeVaue = " + childNodes[i].value);
                // console.log(childNodes[i].getAttribute("value"));
                // if(!childNodes[i].getAttribute("value")) {
                console.log(childNodes[i]);

                if(!childNodes[i].value) {
                    childNodes[i].setAttribute("style", "border: 1px solid red;");
                }
                else {
                    childNodes[i].setAttribute("style", null)
                }
            }

            // console.log(childNodes[i]);
        }
    }

}