John French

0

My Posts

8

Replies
Email and Password Validation

By John French

form email password validation abide

Making a user signup page, and I want them to have to re-enter both username and password to verify that they match. Should I try to do this in javascript? How difficult is this to implement with abide?

Last Reply by Jackson Mandela 11 months ago

4

Replies
Default Height For Textarea

By John French

height textarea

This may very well be a simple fix, but I figured I would go ahead and ask the forum. I am making a "Contact Us" form and want to have a text area for comments/questions. I like how the textarea can be resized by the user, but I need it to begin at a ce... (continued)

Last Reply by Nishant Gaurav over 1 year ago

My Comments

John French commented on

John French's post over 5 years

Thanks James! That definitely seems to be better. Sorry it was something as simple as div tags.

Helpful 0

John French commented on

John French's post over 5 years

Okay, that definitely showed me some things I was leaving out. But I am still having a bunch of problems with the error messages, to the point where I can't even tell if they are really working or not because they just sort of show up all of a sudden if you are tabbing through the fields. Anyone mind taking a look at my code and telling me what I am doing wrong?

<div class="row" style="margin-top:10%">
    <div align="center"><h2>Create an Account</h2></div>
       <br />
       <div class="medium-6 medium-centered large-centered large-6 columns">
     <form data-abide>
          <div class="name-field">
          <label>First Name</label>
          <input type="text" required></input>
          <small class="error" data-error-message="">A first and last name is required.</small>
          </div>
          <div class="name-field">
          <label>Last Name</label>
          <input type="text" required></input>
          <small class="error" data-error-message="">A first and last name is required.</small>
          </div>
          <div class="email-field">
          <label>Email</label>
        <input id="email" type="email" required></input>
       <small class="error">An email address is required.</small>
       </div>
          <div class="email-field">
          <label>Re-enter Email</label>
        <input type="email" required></input>
       <small class="error">The emails must match.</small>
       </div>

           <label for="password">Password</label>
           <input id="password" type="password" required="" name="password"></input>
           <small class="error"></small>


           <label for="confirmPassword">Confirm Password</label>
           <input id="confirmPassword" type="password" data-equalto="password" required="" name="confirmPassword" data-invalid=""></input>
           <small class="error" data-error-message="">Passwords must match.</small>

           <label><small>By creating an account you have read and agree to the <a href="#">terms and conditions</a>.</small></label>
           <input id="checkbox1" type="checkbox" required></input><label for="checkbox1">I Agree</label>
           <small class="error">You must agree to the terms and conditions.</small>
          <br />
          <br />         
          <button type="submit">Create Account</button>
          <br />
          <small>Sign in with <a href="#">Facebook</a>, <a href="#">Google</a>, or <a href="#">Twitter</a>.</small>

      </form>
      </div>
</div>

Helpful 0

Posts Followed

8

Replies
Email and Password Validation

By John French

form email password validation abide

Making a user signup page, and I want them to have to re-enter both username and password to verify that they match. Should I try to do this in javascript? How difficult is this to implement with abide?

Last Reply by Jackson Mandela 11 months ago

4

Replies
Default Height For Textarea

By John French

height textarea

This may very well be a simple fix, but I figured I would go ahead and ask the forum. I am making a "Contact Us" form and want to have a text area for comments/questions. I like how the textarea can be resized by the user, but I need it to begin at a ce... (continued)

Last Reply by Nishant Gaurav over 1 year ago

Following

No Content

Followers

John French

0

My Posts

8

replies
Email and Password Validation
by John French on Monday, January 13, 2014 at 10:32 AM EST
form email password validation abide

4

replies
Default Height For Textarea
by John French on Monday, January 13, 2014 at 9:51 AM EST
height textarea

My Comments

You commented on John French's post over 5 years

Thanks James! That definitely seems to be better. Sorry it was something as simple as div tags.

Helpful 0

You commented on John French's post over 5 years

<div class="row" style="margin-top:10%">
    <div align="center"><h2>Create an Account</h2></div>
       <br />
       <div class="medium-6 medium-centered large-centered large-6 columns">
     <form data-abide>
          <div class="name-field">
          <label>First Name</label>
          <input type="text" required></input>
          <small class="error" data-error-message="">A first and last name is required.</small>
          </div>
          <div class="name-field">
          <label>Last Name</label>
          <input type="text" required></input>
          <small class="error" data-error-message="">A first and last name is required.</small>
          </div>
          <div class="email-field">
          <label>Email</label>
        <input id="email" type="email" required></input>
       <small class="error">An email address is required.</small>
       </div>
          <div class="email-field">
          <label>Re-enter Email</label>
        <input type="email" required></input>
       <small class="error">The emails must match.</small>
       </div>

           <label for="password">Password</label>
           <input id="password" type="password" required="" name="password"></input>
           <small class="error"></small>


           <label for="confirmPassword">Confirm Password</label>
           <input id="confirmPassword" type="password" data-equalto="password" required="" name="confirmPassword" data-invalid=""></input>
           <small class="error" data-error-message="">Passwords must match.</small>

           <label><small>By creating an account you have read and agree to the <a href="#">terms and conditions</a>.</small></label>
           <input id="checkbox1" type="checkbox" required></input><label for="checkbox1">I Agree</label>
           <small class="error">You must agree to the terms and conditions.</small>
          <br />
          <br />         
          <button type="submit">Create Account</button>
          <br />
          <small>Sign in with <a href="#">Facebook</a>, <a href="#">Google</a>, or <a href="#">Twitter</a>.</small>

      </form>
      </div>
</div>

Helpful 0

Posts Followed

8

replies
Email and Password Validation
by John French on Monday, January 13, 2014 at 10:32 AM EST
form email password validation abide

4

replies
Default Height For Textarea
by John French on Monday, January 13, 2014 at 9:51 AM EST
height textarea

Following

No Content

Followers

No Content

John French

0

Email and Password Validation

Default Height For Textarea

Email and Password Validation

Default Height For Textarea

John French

0

Email and Password Validation

Default Height For Textarea

Email and Password Validation

Default Height For Textarea

Register Today

Get all the answers in our
Foundation Classes

Foundation Forum

More ZURB Goodness

Studios

Foundation

Notable

University

John French

0

John French

0

Register Today

Get all the answers in our Foundation Classes

Foundation Forum

More ZURB Goodness

Studios

Foundation

Notable

University

Get all the answers in our
Foundation Classes