simple validation without jquery

by Terrance Smith

HTML

<label>Please Input Your Name
    <input type="text" id="testVal" />
</label>
<input type="button" id="valBtn" value="Validate" onclick="validateTextField();" />

CSS

label {
    color: #B4886B;
    font-weight: bold;
    display: block;
    width: 150px;
    float: left;
}

JavaScript

//without jquery
function validate(testVal) {
    var result = false;
    result = (!testVal) ? false : true;
    return result;
}

function validateTextField() {

    var textVal = document.getElementById("testVal").value,
        isValid = validate(textVal),
        message = (isValid) ? "Heeeey " + textVal : "Please Input a name";
    alert(message);
}