Now that we have a form, let's add some validation. In order to do this, we need to add a "data-abide"
attribute to the form tag. We need to add an error message by adding the following code on or around line 150, right after the label on our first input. It will look like the following code:
<div class="row"> <div class="large-12 columns"> <label>Label <small>required</small> <input type="text" placeholder="I am an input" required /> </label> <small class="error">This is required</small> </div> </div>
You will notice that we added the "<small>"
tag, which looks like the following line of code:
<small class="error">This is required</small>
You will also need to add a "required"
tag to the input, which will look like the following line of code:
<input type="text" placeholder="I am an input" required />
Then, on or around line 198, just before the closing "</fieldset...