starlight
Navigation

Donna Seay

2 minutes ago

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.

Samantha Francis

3 hours ago

My entire soul, like these sweet mornings of spring.

Robert Walker

5 hours ago

I should be incapable of drawing a single stroke at the present moment...

Larry Smith

Yesterday, 8:34pm

When, while the lovely valley teems with vapour around me, and the meridian sun strikes...

Donna Seay

Jan 23, 2:32am

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.

View More Messages

Suzzeth Bungaos tagged you and 18 others in a post.

October 03, 2017 8:45am

Mellisa Brown appreciated your work The Social Network

October 02, 2017 12:44am

20+ new items added are for sale in your Sale Group

October 01, 2017 10:20pm

Julius Erving wants to connect with you on your conversation with Ronnie Mara

October 01, 2017 6:08pm

Suzzeth Bungaos tagged you and 12 others in a post.

September 27, 2017 6:45am

10+ new items added are for sale in your Sale Group

September 28, 2017 11:30pm

Mellisa Brown appreciated your work The Great Pyramid

September 26, 2017 11:01am

Julius Erving wants to connect with you on your conversation with Ronnie Mara

September 23, 2017 9:19pm

##### Form Validation

This template uses Parsley for form validation. Parsley is the ultimate javascript form validation library.

###### Required Input Validation

This is a demo of a required field that must not leave empty.

Firstname: *
Lastname: *

Source Code

    <form method="post" action="form-validation.html" data-parsley-validate>
    <div class="wd-300">
      <div class="d-flex mg-b-30">
        <div class="form-group mg-b-0">
          <label>Firstname: <span class="tx-danger">*</span></label>
          <input type="text" name="firstname" class="form-control wd-250" placeholder="Enter firstname" required>
        </div><!-- form-group -->
        <div class="form-group mg-b-0 mg-l-20">
          <label>Lastname: <span class="tx-danger">*</span></label>
          <input type="text" name="lastname" class="form-control wd-250" placeholder="Enter lastname" required>
        </div><!-- form-group -->
      </div><!-- d-flex -->
      <button type="submit" class="btn btn-info">Validate Form</button>
    </div>
    </form>

###### Email Validation

A demo of an email field that is required and must also be a valid email address.
It automatically validate an email when the field is in type="email".

Email: *

Source Code

    <form action="form-validation.html" data-parsley-validate>
    <div class="d-flex wd-300">
      <div class="form-group mg-b-0">
        <label>Email: <span class="tx-danger">*</span></label>
        <input type="email" name="email" class="form-control wd-250" placeholder="Enter email" required>
      </div><!-- form-group -->
      <div class="mg-l-10 mg-t-25 pd-t-4">
        <button type="submit" class="btn btn-info">Validate Email</button>
      </div>
    </div>
    </form>

###### Checkbox/Radio Validation

A demo of checkboxes that must be selected at least two fom any given list.

What is your favorite browser? *

Firefox Chrome Safari Edge

Source Code

    <form method="post" action="form-validation.html" data-parsley-validate>
    <p class="mg-b-10">What is your favorite browser? <span class="tx-danger">*</span></p>
    <div id="cbWrapper" class="parsley-checkbox mg-b-0">
      <label class="ckbox">
        <input type="checkbox" name="browser[]" value="1" data-parsley-mincheck="2"
        data-parsley-class-handler="#cbWrapper"
        data-parsley-errors-container="#cbErrorContainer" required><span>Firefox</span>
      </label>
      <label class="ckbox">
        <input type="checkbox" name="browser[]" value="2"><span>Chrome</span>
      </label>
      <label class="ckbox">
        <input type="checkbox" name="browser[]" value="3"><span>Safari</span>
      </label>
      <label class="ckbox">
        <input type="checkbox" name="browser[]" value="4"><span>Edge</span>
      </label>
    </div><!-- parsley-checkbox -->
    <div id="cbErrorContainer"></div>
    <div class="mg-t-20">
      <button type="submit" class="btn btn-info" value="5">Validate Form</button>
    </div>
    </form>

###### Select Box Validation

A demo of select boxes that must be selected at least one fom any given option.

Source Code

    <form action="form-validation.html" id="selectForm">
    <div class="d-flex">
      <div id="slWrapper" class="parsley-select wd-250">
        <select class="form-control select2" data-placeholder="Choose one"
        data-parsley-class-handler="#slWrapper"
        data-parsley-errors-container="#slErrorContainer" required>
          <option label="Choose one"></option>
          <option value="Firefox">Firefox</option>
          <option value="Chrome">Chrome</option>
          <option value="Safari">Safari</option>
          <option value="Opera">Opera</option>
          <option value="Internet Explorer">Internet Explorer</option>
        </select>
        <div id="slErrorContainer"></div>
      </div>
      <div class="mg-l-10"><button type="submit" class="btn btn-info" value="5">Validate Form</button></div>
    </div><!-- d-flex -->
    </form>