JSFiddle - React, Tailwind, and code Playground

by Dan Atkinson

HTML

<form id="finalBookingForm" name="finalBookingForm" method="post">
    <div class="bookingFormInput" ng-class="{true: 'error'}[submitted  && finalBookingForm.eggyinput.$invalid]">
        <span id="Street1errmsg" class="errormsg" ng-show="submitted && finalBookingForm.eggyinput.$invalid">You must enter an Address Line 1.</span>

        <input type="text" name="eggyinput" maxlength="30" id="Street1" ng-model="model.leadPax.address.name" required ng-minlength="1" ng-maxlength="30">
    </div>
    <input type="submit" value="Continue Booking" name="formSubmit" ng-click="submitted=true">
</form>

CSS

.errormsg{
    display:none;
}