JSFiddle - React, Tailwind, and code Playground

by Raul Bojalil

HTML

<form>
<input name="uno" type="text"/>
<input name="dos" type="text"/>
<input name="tres" type="text"/>
<input type="submit"/>
</form>

JavaScript

function isNumber(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

$("form").submit(function(e) {

var first = $('input[name="uno"]');
var second = $('input[name="dos"]');
var third = $('input[name="tres"]');

first.css("border", "1px solid " + (isNumber(first.val()) ? "green" : "red"));
second.css("border", "1px solid " + (isNumber(second.val()) ? "green" : "red"));
third.css("border", "1px solid " + (isNumber(third.val()) ? "green" : "red"));

return false;

});