<html lang="en">
<body>
<input type="textbox" id="T1" placeholder="Enter a Value">
<input type="button" id="button1" onclick="validateValue()" value="Click Me">
<H1 id="H1"></H1>

<script src="customFunctions.js"></script>

<script>
function validateValue()
{
    var message;
    var userInput = document.getElementById("T1").value;
    if(checkBlank(userInput)==true)
    {
        message ="Value cannot be left blank";
    }
    if(checkLength(userInput)==true)
    {
        message ="Invalid Field Length";
    }
    if(checkSplCharacters(userInput)==true)
    {
        message ="Special Characters not allowed";
    }
    if(checkNumbers(userInput)==true)
    {
        message ="Numbers not allowed";
    }
    document.getElementById("H1").innerHTML=message;
}

</script>
</body>
</html>