Hi
I was working on wizard registration form i collected the code from web and i gave required in the input tag. But its not working.
Can any one please help me to resolve this issue.
Html page
<div class="row wizard-row">
<div class="col-md-12 fuelux">
<div class="block-wizard">
<div id="wizard1" class="wizard wizard-ux">
<ul class="steps">
<li data-target="#step1" class="active">Header Information<span class="chevron"></span></li>
<li data-target="#step2">Recurrence<span class="chevron"></span></li>
<li data-target="#step3">Stream Detail<span class="chevron"></span></li>
</ul>
</div>
<div class="step-content">
<form class="form-horizontal group-border-dashed" action="#" parsley-validate novalidate id="wizard">
<div class="step-pane active" id="step1">
<div class="form-group no-padding">
<div class="col-sm-7">
<h3 class="hthin">Header Information</h3>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Business Company</label>
<div class="col-sm-3">
<input type="text" class="form-control" placeholder="Business Company" required name="bcompany">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Stream Name</label>
<div class="col-sm-3">
<input type="text" class="form-control" placeholder="Stream Name" name="sname">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-4 col-sm-10">
<button class="btn btn-default">Cancel</button>
<button type="submit" data-wizard="#wizard1" class="btn btn-primary wizard-next">Next Step <i class="fa fa-caret-right"></i></button>
</div>
</div>
</div>
<div class="step-pane" id="step2">
<div class="form-group no-padding">
<div class="col-sm-7">
<h3 class="hthin">Recurrence</h3>
</div>
</div>
<div class="form-group">
<div class="col-sm-5 control-label">
<label class="radio-inline">
<input class="icheck" type="radio" value="D" id="daily" name="smethod">
Daily </label>
</div>
</div>
<div class="form-group">
<div class="col-sm-5 control-label">
<label class="radio-inline">
<input class="icheck" type="radio" value="W" id="weekly" name="smethod">
Weekly </label>
</div>
</div>
<div class="form-group">
<div class="col-sm-5 control-label">
<button data-wizard="#wizard1" class="btn btn-default wizard-previous"><i class="fa fa-caret-left"></i> Previous</button>
<button data-wizard="#wizard1" class="btn btn-primary wizard-next">Next Step <i class="fa fa-caret-right"></i></button>
</div>
</div>
</div>
<div class="step-pane" id="step3">
<div class="form-group no-padding">
<div class="col-sm-7">
<h3 class="hthin">Configuration</h3>
</div>
</div>
<div class="form-group">
<div class="col-sm-5 control-label">
<label class="radio-inline">
<input class="icheck" type="radio" value="W" id="weekly" name="smethod">
Weekly </label>
</div>
</div>
<div class="form-group">
<div class="col-sm-5 control-label">
<label class="radio-inline">
<input class="icheck" type="radio" value="W" id="weekly" name="smethod">
Weekly </label>
</div>
</div>
<div class="form-group">
<div class="col-sm-5 control-label">
<button data-wizard="#wizard1" class="btn btn-default wizard-previous"><i class="fa fa-caret-left"></i> Previous</button>
<button data-wizard="#wizard1" class="btn btn-success wizard-next"><i class="fa fa-check"></i> Complete</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
