JSFiddle - React, Tailwind, and code Playground

HTML

<input id="firstName" type="text" />
<input id="lastName" type="text" />
<a href="#" id="button">SEND</a>

CSS

.errorInput{
  border-color:red;
}

JavaScript

var firstName = $("#firstName");
var lastName = $("#lastName");

$('#button').click(function () {
		if(firstName.val() == "" || lastName.val() == ""){
			firstName.removeClass("errorInput").addClass("errorInput");
			lastName.removeClass("errorInput").addClass("errorInput");
		}
    
    if ($(":input").hasClass("errorInput")) {
			alert("false");
		} else {
			alert("true");
		}
    });