IMMREX7
<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
@include('layouts.partial.head')
<body class="theme-purple">
<div class="overlay"></div>
<div class="row" style="margin:0px !important;">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<div class="card">
<div style="text-align: center;">
<a><img src="{{ asset('storage/schools/'.$school->idSchool.'/'.$school->schoolLogo)}}" width="90" alt="School MIS"></a>
<h2 style="text-align: center; font-size: 20px;"><strong>Online Enquiry Form</strong></h2>
</div>
<div class="body">
@if ($errors->has('stdregistered'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('stdregistered') }}</strong>
</label>
@endif
<form class="form-horizontal" method="POST" id="register" files="true" enctype="multipart/form-data" action="{{url('/onlinereg')}}">
{{ csrf_field() }}
<!-- progressbar -->
<strong>
<ul id="progressbar">
<li class="active">Basic Detail</li>
<li id="second">Contact Information:Residential</li>
<li id="third">Last School Attended</li>
<li id="fourth">Parents Detail</li>
<li id="sixth">Sibling Details</li>
</ul>
</strong>
<div id="sf1" class="frm">
<input type="hidden" name='form_type' value="E">
<input type="hidden" name='idSchool' value="{{$school->idSchool}}">
<fieldset>
<p class="form-control-static" style="font-weight: bold">Basic Detail</p>
<div class="row">
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">First Name</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('firstName',null,['class' => 'form-control','onkeypress'=>'return lettersOnly(event)','required'=>'required','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('firstName'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('firstName') }}</strong>
</label>
@endif
<span id="fnameerror"></span>
</div>
</div>
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">Middle Name</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('middleName',null,['class' => 'form-control','onkeypress'=>'return lettersOnly(event)','required'=>'required','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('middleName'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('middleName') }}</strong>
</label>
@endif
<span id="mnameerror"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">Last Name</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('lastName',null,['class' => 'form-control','onkeypress'=>'return lettersOnly(event)','required'=>'required','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('lastName'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('lastName') }}</strong>
</label>
@endif
<span id="lnameerror"></span>
</div>
</div>
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">Admission For Class</label>
</div>
<div class="col-md-3 col-sm-6">
{!! Form::select('idClass',$classes,null,['class' => 'form-control show-tick ms','required'=>'required']) !!}
<div class="form-group">
@if ($errors->has('idClass'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('idClass') }}</strong>
</label>
@endif
<span id='classerror'></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">Date Of Birth</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('studentDob',null,['class' => 'form-control datepickerdob','required'=>'required']) !!}
@if ($errors->has('studentDob'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('studentDob') }}</strong>
</label>
@endif
<span id="doberror"></span>
</div>
</div>
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname">Nationality</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('nationality',null,['class' => 'form-control','onkeypress'=>'return lettersOnly(event)','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('nationality'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('nationality') }}</strong>
</label>
@endif
<span id="nationalityerror"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">Enquiry Date</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('enquiryDate',null,['class' => 'form-control datepickerdob','required'=>'required']) !!}
@if ($errors->has('enquiryDate'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('enquiryDate') }}</strong>
</label>
@endif
<span id="enquiryDateerror"></span>
</div>
</div>
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">Session</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::select('idFinancialYear',$fy,null,['class' => 'form-control show-tick ms','required'=>'required']) !!}
@if ($errors->has('idFinancialYear'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('idFinancialYear') }}</strong>
</label>
@endif
<span id="idFinancialYearerror"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">Gender</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::select('gender',[''=>'Select','Male'=>'Male','Female'=>'Female'],null,['class' => 'form-control show-tick ms','required'=>'required']) !!}
@if ($errors->has('gender'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('gender') }}</strong>
</label>
@endif
<span id="gendererror"></span>
</div>
</div>
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname">Aadhaar No.</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('aadhaarNo',null,['class' => 'form-control','maxlength'=>'12','minlength'=>'12','onkeypress'=>'return isNumber(event)', 'pattern'=>'^[2-9]{1}[0-9]{11}$']) !!}
@if ($errors->has('aadhaarNo'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('aadhaarNo') }}</strong>
</label>
@endif
<span id="aadhaarerror"></span>
</div>
</div>
</div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="form-group">
<div class="col-sm-12" style="text-align: center;">
<button class="btn btn-primary open1 center-block" type="button" id="next1"> Next <span class="fa fa-arrow-right"></span></button>
</div>
</div>
</fieldset>
</div>
<div id="sf2" class="frm" style="display: none;">
<fieldset>
<p class="form-control-static" style="font-weight: bold">Contact Information:Residential</p>
<div class="row clearfix">
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">Residential Address</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('resAddress',null,['class' => 'form-control','required'=>'required','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('resAddress'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('resAddress') }}</strong>
</label>
@endif
<span id="resaddress"></span>
</div>
</div>
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">City</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('resCity',null,['class' => 'form-control','required'=>'required','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('resCity'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('resCity') }}</strong>
</label>
@endif
<span id="rescity"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">Postal/Zipcode</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('resPincode',null,['class' => 'form-control','required'=>'required','minlength'=>'6','maxlength'=>'6','onkeypress'=>'return isNumber(event)']) !!}
@if ($errors->has('resPincode'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('resPincode') }}</strong>
</label>
@endif
<span id="respincode"></span>
</div>
</div>
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname">Landmark</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('landmark',null,['class' => 'form-control','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('landmark'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('landmark') }}</strong>
</label>
@endif
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname" class="required">State</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::select('resState',states(),null,['class' => 'form-control show-tick ms select2','required'=>'required']) !!}
@if ($errors->has('resState'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('resState') }}</strong>
</label>
@endif
<span id="resstate"></span>
</div>
</div>
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname">Telephone</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('resTelephone',null,['class' => 'form-control','onkeypress'=>'return onlyNumbersandSpecialChar(event)']) !!}
@if ($errors->has('resTelephone'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('resTelephone') }}</strong>
</label>
@endif
</div>
</div>
</div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="form-group">
<div class="col-sm-12" style="text-align: center;">
<button class="btn btn-warning back2 pull-left" type="button" id="previous"><span class="fa fa-arrow-left"></span> Previous</button>
<button class="btn btn-primary open2 pull-right" type="button" id="next2">Next <span class="fa fa-arrow-right"></span></button>
</div>
</div>
</fieldset>
</div>
<div id="sf3" class="frm" style="display: none;">
<fieldset>
<p class="form-control-static" style="font-weight: bold"> Details of Last School Attended</p>
<div class="row clearfix">
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname">Name of the School</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('lastSchool',null,['class' => 'form-control','onkeypress'=>'return onlylettersandSpecialChar(event)','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('lastSchool'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('lastSchool') }}</strong>
</label>
@endif
</div>
</div>
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname">Curriculum/Board</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('board',null,['class' => 'form-control','onkeypress'=>'return onlylettersandSpecialChar(event)','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('board'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('board') }}</strong>
</label>
@endif
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 col-sm-5 form-control-label">
<label for="classname">which kind of school are you searching</label>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
{!! Form::text('reasonForChange',null,['class' => 'form-control','onkeypress'=>'return onlylettersandSpecialChar(event)','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('reasonForChange'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('reasonForChange') }}</strong>
</label>
@endif
</div>
</div>
</div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="form-group">
<div class="col-sm-12" style="text-align: center;">
<button class="btn btn-warning back3 pull-left" type="button" id="previous"><span class="fa fa-arrow-left"></span> Previous</button>
<button class="btn btn-primary open2 pull-right" type="button" id="next3">Next <span class="fa fa-arrow-right"></span></button>
</div>
</div>
</fieldset>
</div>
<div id="sf4" class="frm" style="display: none;">
<fieldset>
<div class="row clearfix">
<div class="col-sm-12 col-md-12 col-lg-6">
<p class="form-control-static" style="font-weight: bold"> Particulars of Father / Mother / Guardian #1</p>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname">Relationship with the child</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::select('ralationship_one',['Father'=>'Father','Mother'=>'Mother','Guardian'=>'Guardian'],null,['class' => 'form-control show-tick ms select2']) !!}
@if ($errors->has('ralationship_one'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('ralationship_one') }}</strong>
</label>
@endif
<span id="relone"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname" class="required">Name</label>
</div>
<div class="col-sm-4">
<div class="form-group">
{!! Form::text('father_fname',null,['class' => 'form-control','required'=>'required','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('father_fname'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('father_fname') }}</strong>
</label>
@endif
<span id="fatherfname"></span>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
{!! Form::text('father_lname',null,['class' => 'form-control','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('father_lname'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('father_lname') }}</strong>
</label>
@endif
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname" class="required">Qualification</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::text('father_qualification',null,['class' => 'form-control','required'=>'required','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('father_qualification'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('father_qualification') }}</strong>
</label>
@endif
<span id="fatherqual"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname">Occupation</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::text('father_occupation',null,['class' => 'form-control','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('father_occupation'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('father_occupation') }}</strong>
</label>
@endif
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname">Designation</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::text('father_designation',null,['class' => 'form-control','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('father_designation'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('father_designation') }}</strong>
</label>
@endif
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname" class="required">Mobile</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::text('father_mobile',null,['class' => 'form-control','required'=>'required','maxlength'=>'10','minlength'=>'10','onkeypress'=>'return isNumber(event)']) !!}
@if ($errors->has('father_mobile'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('father_mobile') }}</strong>
</label>
@endif
<br>
<p style="color:red;">This number will be your UserID for login</p>
<span id="fathermobile"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname">Email</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::email('father_email',null,['class' => 'form-control']) !!}
@if ($errors->has('father_email'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('father_email') }}</strong>
</label>
@endif
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6">
<p class="form-control-static" style="font-weight: bold"> Particulars of Father / Mother / Guardian #1</p>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname">Relationship with the child</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::select('ralationship_two',['Mother'=>'Mother','Father'=>'Father','Guardian'=>'Guardian'],null,['class' => 'form-control show-tick ms select2']) !!}
@if ($errors->has('ralationship_two'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('ralationship_two') }}</strong>
</label>
@endif
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname" class="required">Name</label>
</div>
<div class="col-sm-4">
<div class="form-group">
{!! Form::text('mother_fname',null,['class' => 'form-control','required'=>'required','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('mother_fname'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('mother_fname') }}</strong>
</label>
@endif
<span id="motherfname"></span>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
{!! Form::text('mother_lname',null,['class' => 'form-control','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('mother_lname'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('mother_lname') }}</strong>
</label>
@endif
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname" class="required">Qualification</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::text('mother_qualification',null,['class' => 'form-control','style'=>'text-transform:uppercase']) !!}
@if ($errors->has('mother_qualification'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('mother_qualification') }}</strong>
</label>
@endif
<span id="motherqual"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname" class="required">Professional</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::select('mother_designation',[''=>'Select','Professional'=>'Yes',''=>'No'],null,['class' => 'form-control show-tick ms']) !!}
@if ($errors->has('mother_designation'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('mother_designation') }}</strong>
</label>
@endif
<span id="professional"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname" class="required">Housewife</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::select('mother_designation',[''=>'Select','Housewife'=>'Yes',''=>'No'],null,['class' => 'form-control show-tick ms']) !!}
@if ($errors->has('mother_designation'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('mother_designation') }}</strong>
</label>
@endif
<span id="housewife"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-3 col-sm-6 form-control-label">
<label for="classname" class="required">Mobile</label>
</div>
<div class="col-sm-6">
<div class="form-group">
{!! Form::text('mother_mobile',null,['class' => 'form-control','required'=>'required','maxlength'=>'10','minlength'=>'10','onkeypress'=>'return isNumber(event)']) !!}
@if ($errors->has('mother_mobile'))
<label id="minmaxlength-error" class="error" for="minmaxlength">
<strong>{{ $errors->first('mother_mobile') }}</strong>
</label>
@endif
<span id="mothermobile"></span>
<br>
<p style="color:red;">This number will be your UserID for login</p>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="form-group">
<div class="col-sm-12" style="text-align: center;">
<button class="btn btn-warning back4 pull-left" type="button" id="previous"><span class="fa fa-arrow-left"></span> Previous</button>
<button class="btn btn-primary open2 pull-right" type="button" id="next4">Next <span class="fa fa-arrow-right"></span></button>
</div>
</div>
</fieldset>
</div>
<div id="sf6" class="frm" style="display: none;">
<fieldset>
<p class="form-control-static" style="font-weight: bold">Details of Child's Sibling</p>
<div class="body table-responsive">
<table class="table">
<thead>
<tr>
<th>S.NO.</th>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
<th>Education</th>
<th>Name Of the School</th>
</tr>
</thead>
<tbody id="optional_list">
<tr>
<td class="sno">1</td>
<td>
<input class="form-control" type="text" name = "siblings[1][fName]">
</td>
<td>
<input class="form-control" type="text" name = "siblings[1][lName]">
</td>
<td>
<input class="form-control" type="text" name = "siblings[1][age]">
</td>
<td>
<input class="form-control" type="text" name = "siblings[1][education]">
</td>
<td>
<input class="form-control" type="text" name = "siblings[1][schoolName]">
</td>
</tr>
</tbody>
<tr>
<td colspan="3" style="text-align: right"><input type="button" class="add-row btn btn-sm btn-danger" value="Add Row"></td>
</tr>
</table>
</div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="form-group">
<div class="col-sm-12" style="text-align: center;">
<button class="btn btn-warning back6 pull-left" type="button" id="previous"><span class="fa fa-arrow-left"></span> Previous</button>
<button class="btn btn-primary open3 pull-right" type="submit" id="submit">Submit </button>
</div>
</div>
</fieldset>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Scripts -->
@include('layouts.partial.script')
<script>
$('.datepickerdob').datepicker({
autoclose: true,
autoWidth: false,
format: 'dd-mm-yyyy',
endDate: '+0d',
orientation: 'auto'
});
$(document).ready(function () {
var i = 1;
$(".add-row").click(function(){
i++;
var markup = '<tr><td class="sno">'+i+'</td>\
<td><input class="form-control" type="text" name="siblings['+i+'][fName]" autocomplete="off"></td>\n\
<td><input class="form-control" type="text" name="siblings['+i+'][lName]" autocomplete="off"></td>\n\
<td><input class="form-control" name="siblings['+i+'][age]"></td>\n\
<td><input class="form-control" name="siblings['+i+'][education]"></td>\n\
<td><input class="form-control" name="siblings['+i+'][schoolName]"></td>\n\
<td style="text-align:right;vertical-align: middle;"><input type="button" required="required" class="btn btn-sm btn-danger" value="Delete" id="remove_row"></td></tr>';
$("#optional_list").append(markup);
});
$('#optional_list').on('click', 'input[type="button"]', function () {
$(this).closest('tr').remove();
i = $('.sno:last').text();
});
//Add Input field if others is selecyted
var v = $('#register').validate({
rules: {
firstName: {
required: true,
maxlength: 40,
minlength: 2
}
},
messages: {
firstName: {
required: "First name should not be empty.",
minlength: "First name must have atleast 2 Characters."
}
}
});
$("select").on("select2:close", function (e) {
$(this).valid();
});
$("#next1").click(function () {
if (v.form()) {
$(".frm").hide("fast");
$("#sf2").show("slow");
$("#progressbar li#second").addClass("active");
}
});
$("#next2").click(function () {
if (v.form()) {
$(".frm").hide("fast");
$("#sf3").show("slow");
$("#progressbar li#third").addClass("active");
}
});
$("#next3").click(function () {
if (v.form()) {
$(".frm").hide("fast");
$("#sf4").show("slow");
$("#progressbar li#fourth").addClass("active");
}
});
$("#next4").click(function () {
if (v.form()) {
$(".frm").hide("fast");
$("#sf6").show("slow");
$("#progressbar li#sixth").addClass("active");
}
});
$(".back2").click(function () {
$(".frm").hide("fast");
$("#sf1").show("slow");
$("#progressbar li#second").removeClass("active");
});
$(".back3").click(function () {
$(".frm").hide("fast");
$("#sf2").show("slow");
$("#progressbar li#third").removeClass("active");
});
$(".back4").click(function () {
$(".frm").hide("fast");
$("#sf3").show("slow");
$("#progressbar li#fourth").removeClass("active");
});
$(".back6").click(function () {
$(".frm").hide("fast");
$("#sf4").show("slow");
$("#progressbar li#fifth").removeClass("active");
});
});
</script>
</body>
</html>
Copyright © 2021 -