Javascript Validations | Select validations

<html>
	<head>
    	<title>Javascript Select 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 madeSelection(elem, helperMsg){
			if(elem.value == "Please Choose"){
			alert(helperMsg);
			elem.focus();
			return false;
			}else{
			return true;
			}
			}
		</script>
			
		<form>
			  <label class="lable">Selection :</label>
			  <select id='selection' class="cus_form">
				<option>Please Choose</option>
				<option>Google</option>
				<option>Bing</option>
				<option>Yahoo</option>
			  </select>
			  <input type='button' class="cus_btn" onClick="madeSelection(document.getElementById('selection'), 'Please Choose Something')" value='Check Field' />
		</form>
        
    </body>
</html>

Output :

Topic : Select validations