JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" list="list" autocomplete="on" name="client" id="clientTxt" style="border-color: red; display: inline-block;">
<input type="text" list="list1" autocomplete="on" name="Installation" id="Installation" style="border-color: red; display: inline-block;">
<input type="submit" value="Create" id="create-submit">
JavaScript
$('#create-submit').click(function (event) {
event.preventDefault();
var res = $('input[type=text]').toArray().some(function (el) {
return $(el).css('border-color') === 'rgb(255, 0, 0)'
});
if (res) {
alert("Please check red input boxes and click create again.");
} else {
// do other stuff
}
});