title: HTML: Bootstrap validating form (Confirming the input value is equal to a string)
body: <p>I'm building some administrator features and I pretty much don't understand JavaScript enough to do the validation for my form. So here I got the form:</p>
  <p><a href="https://i.stack.imgur.com/jk6b9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jk6b9.png" alt="" /></a></p>
  <p>Now I need to make sure that the user input is equal to the text above which is generated by my engine. In this case it's <strong>delete ticket-74516ce5-7629-45c0-aca2-e48493609d0d</strong></p>
  <p>Here's my code for generating the Close Ticket Window:</p>
  <pre><code>&lt;!-- Modal --&gt;
  &lt;div class=&quot;modal fade&quot; id=&quot;exampleModalCenter&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;exampleModalCenterTitle&quot; aria-hidden=&quot;true&quot;&gt;
      &lt;div class=&quot;modal-dialog modal-dialog-centered&quot; role=&quot;document&quot;&gt;
          &lt;div class=&quot;modal-content&quot;&gt;
              &lt;div class=&quot;modal-header&quot;&gt;
                  &lt;h5 class=&quot;modal-title&quot; id=&quot;exampleModalLongTitle&quot;&gt;
                      &lt;div class=&quot;text-danger&quot;&gt;
                          &lt;i class=&quot;fas fa-exclamation-triangle&quot;&gt;&lt;/i&gt; Close Ticket
                      &lt;/div&gt;
                  &lt;/h5&gt;
  
                  &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;
                      &lt;span aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/span&gt;
                  &lt;/button&gt;
  
              &lt;/div&gt;
              &lt;span class=&quot;text-center text-dark p-3 border-bottom shadow-sm&quot; style=&quot;background-color: #ffe88a;font-size: 14px;&quot;&gt;Unexpected bad things will happen if you don’t read this!&lt;/span&gt;
              &lt;div class=&quot;modal-body&quot; style=&quot;background-color: #fafafa;font-family: 'Mukta', sans-serif;&quot;&gt;
                  &lt;p&gt;
                      &lt;span class=&quot;font-weight-bold text-dark&quot;&gt;Warning: This action cannot be undone.&lt;/span&gt;
                      &lt;br&gt;
                  &lt;p&gt;This will permanently delete the &lt;span class=&quot;font-weight-bold&quot;&gt;{{ticket.issuer_topic}}/{{ticket.issuer_first_name}}&lt;/span&gt; ticket .&lt;/p&gt;
                      Please type: &lt;span id=&quot;ticket_del_text&quot; name=&quot;ticket_del_text&quot; class=&quot;font-weight-bold text-dark&quot;&gt;delete ticket-{{ticket.public_id}}&lt;/span&gt; to confirm.
                  &lt;/p&gt;
                  &lt;input type=&quot;text&quot; class=&quot;form-control&quot; aria-label=&quot;Default&quot; required minlength=&quot;32&quot; maxlength=&quot;80&quot;&gt;
              &lt;/div&gt;
              &lt;div class=&quot;modal-footer&quot;&gt;
                  &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot; data-dismiss=&quot;modal&quot;&gt;&lt;i class=&quot;fas fa-times-circle&quot;&gt;&lt;/i&gt; Cancel&lt;/button&gt;
                  &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot;&gt;&lt;i class=&quot;fas fa-trash-alt&quot;&gt;&lt;/i&gt; Delete Ticket &lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I'm pretty sure that I should use <code>onClick</code> Html given parameter on Delete Ticket button and then check the value of the &quot;Delete Confirmation Text&quot; and the user input?</p>