Added idea on using Popover for validation info

If your not sure about popovers see https://getbootstrap.com/docs/4.0/components/popovers/

application/views/qso/index.php

@@ -159,7 +159,6 @@
                   <div class="col-sm-9">
                     <input type="text" class="form-control form-control-sm" name="locator" id="locator" value="">
                     <small id="locator_info" class="form-text text-muted"></small>
-                    <small id="locator_format" class="form-text text-muted">Enter multiple (4-digit) grids separated with commas. For example: IO77,IO78</small>
                 </div>
               </div>
 

assets/js/sections/qso.js

@@ -1,4 +1,10 @@
 $( document ).ready(function() {
+
+	$("#locator")
+		.popover({ title: 'Gridsquare Formatting', content: "Enter multiple (4-digit) grids separated with commas. For example: IO77,IO78" })
+		.blur(function () {
+		$(this).popover('hide');
+	});
 	$("#sat_name").change(function(){
 		var sat = $("#sat_name").val();
 		if (sat == "") {