Reg - Validate

by Shankar

HTML

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>West Brom - New User Register form</title>

    <!-- Bootstrap Core CSS -->
    <link href="bootstrap.min.css" rel="stylesheet">
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.0/css/bootstrap-toggle.min.css" rel="stylesheet">

    <!-- Register CSS -->
    <link href="register.css" rel="stylesheet">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>

<body>
    <!-- Navigation -->
    <div class="header">
        <div class="container-fluid" style="background-color:#C9C6C6;">
          <div class="row">
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-3">
                <span> <a href="home.html"><img src="img/logo.png" class="img-responsive logo" alt="Logo"></a></span>
            </div>            
            </div>
          </div>  
        </div>

    <!-- Page Content -->
    <div class="container-fluid" style="border:1px dashed;">

        <!-- <section id="wizard"> -->
      <div class="page-header">
        <h3>New user registration process</h3>
      </div>

    <div class="row text-center">
      <div class="col-xs-2"></div><!-- col -->
        <div class="col-xs-8">
            <div class="stepwizard">
              <div class="stepwizard-row setup-panel">
                <div class="stepwizard-step" style="text-align:left;">
           ...

CSS

.error {
  color: #ff0000;
}

JavaScript

/*

Add Javascript validate.js with form elements/Messages/Error placements

*/