{{#markdown}}
```html
<form data-abide="ajax">
  <div class="name-field">
    <label>Your name <small>required</small>
      <input type="text" name="users_name" required pattern="[a-zA-Z]+">
    </label>
    <small class="error">Name is required and must be a string.</small>
  </div>
  <button type="submit">Submit</button>
</form>
```

```javascript
$('input[name="users_name"]').on('valid', function() {
  // Handle the submission of the form
});
```
{{/markdown}}
{{#markdown}}
```html
<form data-abide="ajax" id="myform">
  <div class="name-field">
    <label>Your name <small>required</small>
      <input type="text" name="users_name" required pattern="[a-zA-Z]+">
    </label>
    <small class="error">Name is required and must be a string.</small>
  </div>
  <button type="submit">Submit</button>
</form>
```

```javascript
$('#myform').on('valid', function() {
  // Handle the submission of the form
});
```
{{/markdown}}

Fix form submission handling example
Fix form submission handling example

Previous example was firing the "Handle the submission of the form" event any time any field was edited, which is clearly not right.  Something like this *seems* to work, and may have been what the original author intended?