JSFiddle - React, Tailwind, and code Playground
by lustre
HTML
Enter Bid
<input id="edit-submitted-enter-your-bid"><br />
Min Bid
<input id="edit-submitted-min-bid"><br />
Max Bid
<input id="edit-submitted-max-bid"><br />
<input type="submit" id="edit-submit--3" value="Submit" >
JavaScript
$("#edit-submit--3").click(function(){
var str = $('#edit-submitted-enter-your-bid').val();
var minval = $('#edit-submitted-min-bid').val();
var maxval = $('#edit-submitted-max-bid').val();
var newstr, newminval, newmaxval;
/* Removes £ from price if found*/
if (str.indexOf('_') == -1) {
newstr = $('#edit-submitted-enter-your-bid').val( $('#edit-submitted-enter-your-bid').val().replace('£', '') ).val();
} else {
newstr = str;
}
newminval = $('#edit-submitted-min-bid').val( $('#edit-submitted-min-bid').val().replace('£', '') ).val();
newmaxval = $('#edit-submitted-max-bid').val( $('#edit-submitted-max-bid').val().replace('£', '') ).val();
/* Parse them as integers*/
newmaxval = parseInt(newmaxval);
newminval = parseInt(newminval);
newstr = parseInt(newstr);
/* Check if input price is a number */
var isnum = /^\d+$/.test(newstr);
/* Check it's larger than the min bid and smaller than the max bid */
if (isnum) {
if ( newstr >= newminval && newstr <= newmaxval) {
return true;
alert ('You win');
} else {
if ( newstr < newminval ) {
/* if smaller than the minimum*/
alert('Please input a number larger than the minimum bid.');
$('#edit-submitted-min-bid').val('£'+$('#edit-submitted-min-bid').val());
$('#edit-submitted-max-bid').val('£'+$('#edit-submitted-max-bid').val());
return false;
} else {
/* if larger than the maximum*/
alert('Please input a number smaller than the maximum bid.');
$('#edit-submitted-min-bid').val('£'+$('#edit-submitted-min-bid').val());
$('#edit-submitted-max-bid').val('£'+$('#edit-submitted-max-bid').val());
return false;
}
}
} else {
alert ('Please input a number.');
$('#edit-submitted-min-bid').val('£'+$('#edit-submitted-min-bid').val());
$('#edit-submitted-max-bid').val('£'+$('#edit-submitted-max-bid').val());
...