Javascript Validations | Required Field Validations

<html>
	<head>
    	<title>Javascript Required Field Validations</title>
    </head>
    <body>
	
		<style type="text/css">
			.lable{ 
				font-family:Arial, Helvetica, sans-serif; 
				font-size:13px; font-style:italic; 
				margin:5px 0px; 
				font-weight:bold; 
				clear:both;
			}
			.cus_form{ 
				height:30px; 
				padding:0px 1px; 
				margin:2px 0px 10px;
			} 
			.cus_btn{
				padding:7px 15px; 
				border-radius:2px; 
				background:#09C; 
				color:#FFF; 
				margin-left:10px;
			}
			.cus_btn:hover{ background:#069;}
		</style>
		
		<script type='text/javascript'>
			function notEmpty(elem, helperMsg){
			if(elem.value.length == 0){
			alert(helperMsg);
			elem.focus();
			return false;
			}
			return true;
			}
		</script>

<form>
		<lable class="lable">Required Field : </lable> <input type='text' class='cus_form' id='req1'/>
		<input type='button' class='cus_btn' onclick="notEmpty(document.getElementById('req1'), 'Please Enter a any value or name')" value='Check Field' />
		</form>

</body>
</html>

Output :

Topic : Required Field Validations