JSFiddle - React, Tailwind, and code Playground

by Brodingo

HTML

<label>Latitude:<br><input id="lat" type="text"></label>
min: 2, max: 10
<br><br>
<label>Longitude:<br><input id="lon" type="text"></label>
min: 5, max: 17

JavaScript

// restricting values for gps entry

$('#lat').data('min', 2).data('max', 10);

$('#lon').data('min', 5).data('max', 17);

$('input').each(function(){
    var $this = $(this),
        min = $this.data('min'),
        max = $this.data('max'),
        val;
    
    $this.change(function(){
        val = $this.val();
        if(val < min || val > max){
            $this.val('');
            console.log("val: " + val + ", min: " + min + ", max: " + max);
        }
    });
});