Validation

Validation using jquery

by Julian

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<form id="edit_profile">

  <div class="form-group">
    <!--Is this OK?-->
    <label>
      Name
    </label>
    <input type="text" name="user_name" class="form-control input-md" />

    <div class="form-group">
      <label>
        Role
      </label>
      <input type="text" name="role" class="form-control input-md">
    </div>
    <div class="form-group">
      <label>
        Email
      </label>
      <input type="text" name="user_email" class="form-control input-md">
    </div>
    <div class="form-group">
      <label>
        Company Name
      </label>
      <input type="text" name="company" class="form-control input-md">
    </div>
    <div class="form-group">
      <label>
        Bio
      </label>
      <textarea name="bio" id="bio"></textarea>

    </div>

    <button type="submit" class="btn btn-small btn-green pull-right" id="submit">

      Save
    </button>

JavaScript

$(document).ready(function() {
  $("#edit_profile").validate();
  alert("valid");
});