Hey there! I have a basic script set up (see below) with an input field allowing users to enter a query. This query is then sent to a socrata webservice to request specific data, which is displayed in an alert box. So far, everything works smoothly.
var licensePlate = $("#kteken").val();
var date = document.getElementById("vervaldatum")
$(document).ready(function(){
$("button").click(function(){
$.getJSON("https://opendata.rdw.nl/resource/m9d7-ebf2.json",{kenteken: $("#kteken").val()},function(data, status){
alert ("APK Expiration Date: " + data[0].vervaldatum_apk);});
});
});
However, the socrata webservice only accepts queries in uppercase letters, nothing else. Hence, I want to ensure that any user input is automatically converted to uppercase, with all special characters removed. Normally, this could be accomplished with inline JS like so:
onKeyup="this.value=this.value.replace(/[W]/g,'');"I've researched solutions on various websites, including SO, but they all involve inline JS. Unfortunately, working on a Wordpress site means I cannot use inline JS due to 'security' reasons. Therefore, incorporating my 'uppercase conversion script' into the external JS file has proven challenging.
How can I modify the existing .js file to guarantee that all entries in the input are automatically transformed to uppercase?