<commit_before><h1>Error Handling</h1>

<div class="intro">
  Greatly speed up form validation and general error handling while also improving the usability of your applications.
</div>

<h2>Logic</h2>

<p>
  When the page loads inputs are in a normal state. For the form element to get highlighted in red or an error message to show up the element needs to enter an errror state. Entering and leaving the error state happens based on a set of conditions.
</p>

<ul>
  <li>
    <strong>Page load</strong>
    <ul>
      <li>Element has a value: calculate and update error state</li>
      <li>Element has no value: don't do anything</li>
    </ul>
  </li>
  <li>
    <strong>Element value change</strong>
    <ul>
      <li>Element currently not in an error state: don't do anything</li>
      <li>Element currently in an error state: calculate and update error state on change</li>
    </ul>
  </li>
  <li>
    <strong>Element loses focus</strong>
    <ul>
      <li>Calculate and update error state</li>
    </ul>
  </li>
  <li>
    <strong>Validation is forced with forceValidation property</strong>
    <ul><commit_msg>misnamed variable in docs<commit_after><h1>Error Handling</h1>

<div class="intro">
  Greatly speed up form validation and general error handling while also improving the usability of your applications.
</div>

<h2>Logic</h2>

<p>
  When the page loads inputs are in a normal state. For the form element to get highlighted in red or an error message to show up the element needs to enter an errror state. Entering and leaving the error state happens based on a set of conditions.
</p>

<ul>
  <li>
    <strong>Page load</strong>
    <ul>
      <li>Element has a value: calculate and update error state</li>
      <li>Element has no value: don't do anything</li>
    </ul>
  </li>
  <li>
    <strong>Element value change</strong>
    <ul>
      <li>Element currently not in an error state: don't do anything</li>
      <li>Element currently in an error state: calculate and update error state on change</li>
    </ul>
  </li>
  <li>
    <strong>Element loses focus</strong>
    <ul>
      <li>Calculate and update error state</li>
    </ul>
  </li>
  <li>
    <strong>Validation is forced with forceErrorCheck property</strong>
    <ul>
{'fraction_non_alphanumeric': 0.10363153232949512, 'fraction_numerical': 0.00354295837023915, 'mean_word_length': 3.262264150943396, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 85, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1982', 'n_tokens_mistral': 695, 'n_tokens_neox': 680, 'n_words': 292}