Custom Validation Messaging for Form Selects with Bootstrap and jQuery

select-validation-messaging.html

<form action="/" method="post" enctype="multipart/form-data">
  <div class="form-group">
    <label for="select_validation">Select Validation: *</label>
    <select class="form-control" name="select_validation" id="select_validation">
      <option value="">Make Selection</option>
      <option value="selectOne">selectOne</option>
      <option value="selectTwo">selectTwo</option>
      <option value="selectThree">selectThree</option>
    </select>
  </div>
</form>
    
<button class="btn btn-success sub-btn" type="submit">Save</button>

select-validation-messaging.js

	jQuery(document).ready(function($){
	
	
	$('.sub-btn').click(function(){
		
		var selectOne = $('#selectOne');
		var selectTwo = $('#selectTwo');
		var selectThree = $('#selectThree')
		var alertMessage = [];
		
		if (selectOne.val() === ''){
			alertMessage.push("Please Select a selectOne");
			$('.alert').text(alertMessage).show();
			return false;
		} 
		
		if (selectTwo.val() === ''){
			alertMessage.push("Please Select a selectTwo");
			$('.alert').text(alertMessage).show();
			return false;
		}
		
		if (selectThree.val() === ''){
			alertMessage.push("Please Select a selectThree");
			$('.alert').text(alertMessage).show();
			return false;
		}
		
		else return;
	});
	
});