simple validation with jquery
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;
}
$(document).ready(function () {
var message = "";
$("#valBtn").click(function (eventArg) {
showMessage("testVal");
});
});
function showMessage(myId) {
var textVal = $("#" + myId).val(),
isValid = validate(textVal),
message = (isValid) ? "Heeeey " + textVal : "Please Input a name";
alert(message);
}