How to show a required message next to input with Javascript? [duplicate]

Answer 1

Add span tag next to input tag

and change you javascript code as below

function alpha(e) {
        var k;
        document.all ? k = e.keyCode : k = e.which;
        return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8);
    }
    var flag = true;
    for (var i = 0; i < rules.length; i++) {
        alert(rules[i][0]);
        if (!rules[i][1]) {
            var parent = elem(rules[i][0]).parentNode,
                message = 'Please check your ' + (parent.textContent || parent.innerText).replace(/^\s*(.*?)\s*$/, '$1').slice(0, -1).toLowerCase() + '.';
                var id = rules[i][0]+'-err';
    document.getElementById(rules[i][0]+'-err').innerHTML = message;
           flag = false;
        }
    }
    return flag;
};

check this