0

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>
2
Contributors
1
Reply
11
Views
3 Years
Discussion Span
Last Post by hericles
0

Firstly, an indication what the problem is beyond "it's not working" would help a lot. As would actual code. You've just given us HTML which isn't a lot of help.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.