JSFiddle - React, Tailwind, and code Playground

by lshettyl

HTML

<div class="ss-form">
  <form id="ss-form">
    <ol role="list" class="ss-question-list" style="padding-left: 0">
      <div class="ss-form-question errorbox-good" role="listitem">
        <div dir="ltr" class="ss-item ss-item-required ss-text">
          <div class="ss-form-entry">
            <label class="ss-q-item-label" for="entry_1291373891">
              <div class="ss-q-title">First name
                <label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
                <span class="ss-required-asterisk" aria-hidden="true">*</span>
              </div>
              <div class="ss-q-help ss-secondary-text" dir="ltr"></div>
            </label>
            <input type="text" name="entry.1291373891" value="" class="ss-q-short" id="entry_1291373891" dir="auto" aria-label="First name  Please enter only text" aria-required="true" required="" pattern=".*^[a-zA-Z ]*$.*" title="Please enter only text">
            <div class="error-message" id="1315894232_errorMessage">Please enter only text</div>
            <div class="required-message">This is a required question</div>
          </div>
        </div>
      </div>
      <div class="ss-form-question errorbox-good" role="listitem">
        <div dir="ltr" class="ss-item ss-item-required ss-text">
          <div class="ss-form-entry">
            <label class="ss-q-item-label" for="entry_1625515457">
              <div class="ss-q-title">Last name
                <label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
                <span class="ss-required-asterisk" aria-hidden="true">*</span>
              </div>
              <div class="ss-q-help ss-secondary-text" dir="ltr"></div>
            </label>
            <input type="text" name="entry.1625515457" value="" class="ss-q-short" id="entry_1625515457" dir="auto" aria-label="Last name  Please enter only text" aria-required="true" required="" pattern=".*^[a-zA-Z ]*$.*" title="Please enter only text">
       ...

JavaScript

alert ( "Visible Divs with class required-message: " + $('div.required-message:visible').length)

if ( $('div.required-message:visible').length >= 1) {
    alert('Found errors in the form, please correct them!');
}