//code for validator
// Code for the Validator
var $validator = $('.wizard-card form').validate({
rules: {
firstname: {
required: true,
minlength: 3
},
lastname: {
required: true,
minlength: 3
},
password : {
required: true,
minlength: 5
},
email: {
required: true,
minlength: 3,
}
}
});
//wizar card for input fields
<div class="wizard-header">
<h3>
<b>Sign up</b> <br>
</h3>
</div>
<div class="tab-pane" id="details">
<div class="row">
<h4 class="info-text"> Let's start with the basic informations</h4>
<div class="col-sm-6 col-sm-offset-1">
<div class="form-group">
<label>First Name <small>(required)</small></label>
<input name="firstname" type="text" class="form-control" placeholder="First Name">
</div>
<div class="form-group">
<label>Last Name <small>(required)</small></label>
<input name="lastname" type="text" class="form-control" placeholder="Last Name">
</div>
<div class="form-group">
<label>Password <small>(required)</small></label>
<input name="password" type="password" class="form-control" placeholder="Enter Password">
</div>
<div class="form-group">
<label>Email <small>(required)</small></label>
<input name="email" type="email" class="form-control" placeholder="name@gmail.com">
</div>
</div>
</div>
<button name="submit" type="submit" class="btn btn-success" style="margin-left: 40px;
margin-top: 39px;"><i class="icon-save icon-large"></i> Sign Up</button>
</div>
</form>
</div> <!-- wizard container -->
</div>[
](url)
//code for validator$validator = $ ('.wizard-card form').validate({
// Code for the Validator
var
rules: {
firstname: {
required: true,
minlength: 3
},
lastname: {
required: true,
minlength: 3
},
password : {
required: true,
minlength: 5
},
email: {
required: true,
minlength: 3,
}
}
});
//wizar card for input fields
](url)