Make search input field transform to upper case

assets/css/general.css

@@ -135,6 +135,10 @@ thead > tr > td {
     text-transform: uppercase;
 }
 
+.stationinfo #oqrssearch:valid {
+    text-transform: uppercase;
+}
+
 .workedGrid {
     border-color: green;
 }
@@ -407,4 +411,4 @@ div#station_logbooks_linked_table_paginate {
 
 .dropdown-menu {
     z-index: 2000;
-}
+}

assets/js/sections/oqrs.js

@@ -8,7 +8,7 @@ function loadStationInfo() {
         success: function (data) {
             if (data.count > 0) {
                 $(".stationinfo").append('<br />' + data.count + ' Qsos logged between ' + data.mindate + ' and ' + data.maxdate + '.<br /><br />');
-                $(".stationinfo").append('<form class="form-inline" onsubmit="return false;"><label class="my-1 mr-2" for="oqrssearch">Enter your callsign: </label><input class="form-control mr-sm-2" id="oqrssearch" type="search" name="callsign" placeholder="Search Callsign" aria-label="Search"><button onclick="searchOqrs();" class="btn btn-sm btn-primary" id="stationbuttonsubmit" type="button"><i class="fas fa-search"></i> Search</button></form>');
+                $(".stationinfo").append('<form class="form-inline" onsubmit="return false;"><label class="my-1 mr-2" for="oqrssearch">Enter your callsign: </label><input class="form-control mr-sm-2" id="oqrssearch" type="search" name="callsign" placeholder="Search Callsign" aria-label="Search" required="required"><button onclick="searchOqrs();" class="btn btn-sm btn-primary" id="stationbuttonsubmit" type="button"><i class="fas fa-search"></i> Search</button></form>');
                 // Get the input field
                 var input = document.getElementById("oqrssearch");
 
@@ -264,4 +264,4 @@ function markOqrsLineAsDone(id) {
             $(".oqrsid_"+id).remove();
         }
     });
-}
+}