Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--Form-->
- <form id="multiphase" role="form" class="form-horizontal" action="" method="post">
- <input name="globalstudentid" id="globalstudentid" type="hidden" value="<?php $_GET['StudentID']; ?>">
- <table class="table table-bordered table-hover table-responsive table-striped" id="resultdetails">
- <tr>
- <th scope="col" class="col-lg-1 col-md-1 col-sm-1 col-xs-1 text-center"><label for="chk" class="control-label">Select</label></th>
- <th scope="col" class="col-lg-2 col-md-2 col-sm-2 col-xs-2 text-center"><label for="rs_month" class="control-label">Result Month</label></th>
- <th scope="col" class="col-lg-1 col-md-1 col-sm-1 col-xs-1 text-center"><label for="rs_year" class="control-label">Result Year</label></th>
- <th scope="col" class="col-lg-2 col-md-2 col-sm-2 col-xs-2 text-center"><label for="rs_ssy" class="control-label">Standard/Semester/Year</label></th>
- <th scope="col" class="col-lg-2 col-md-2 col-sm-2 col-xs-2 text-center"><label for="rs_result" class="control-label">Result (%) or Grade</label></th>
- <th scope="col" class="col-lg-2 col-md-2 col-sm-3 col-xs-2 text-center"><label for="rs_institute" class="control-label">Name of School/College</label></th>
- <th scope="col" class="col-lg-2 col-md-2 col-sm-2 col-xs-2 text-center"><label for="rs_marksheet" class="control-label">Upload Marksheet</label></th>
- </tr>
- <tr>
- <td><p class="help-block text-center">Select</p></td>
- <td><p class="help-block">Month of Result Issued.</p></td>
- <td><p class="help-block">Year of Examination.</p></td>
- <td><p class="help-block">Std. or Semester or Year.</p></td>
- <td><p class="help-block">Result in (%) of Grade obtained.</p></td>
- <td><p class="help-block">Name of School/College from which Examination was given.</p></td>
- <td><p class="help-block">Upload a scanned copy of the Mark sheet.</p></td>
- </tr>
- <tr>
- <td align="center">
- <div class="form-group">
- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <input name="chk[]" class="text-center" type="checkbox" value="">
- </div>
- </div>
- </td>
- <td align="center"><!--Local Select field-->
- <div class="form-group">
- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <select name="rs_month[]" id="rs_month" class="" data-allow-clear="true" tabindex="1" placeholder="Select Month" style="width:100%">
- <option value=""> </option>
- <option value="January">January</option>
- <option value="February">February</option>
- <option value="March">March</option>
- <option value="April">April</option>
- <option value="May">May</option>
- <option value="June">June</option>
- <option value="July">July</option>
- <option value="August">August</option>
- <option value="September">September</option>
- <option value="October">October</option>
- <option value="November">November</option>
- <option value="December">December</option>
- </select>
- </div>
- </div></td>
- <td align="center">
- <!--Text field in table-->
- <div class="form-group">
- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <input type="text" name="rs_year[]" id="rs_year" class="form-control" placeholder="Result Year" value="" tabindex="2">
- </div>
- </div>
- </td>
- <td align="center">
- <!--Text field in table-->
- <div class="form-group">
- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <input type="text" name="rs_ssy[]" id="rs_ssy" class="form-control" placeholder="Standard / Semester / Year" value="" tabindex="3">
- </div>
- </div>
- </td>
- <td align="center">
- <!--Text field in table-->
- <div class="form-group">
- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <input type="text" name="rs_result[]" id="rs_result" class="form-control" placeholder="Result (%) or Grade" value="" tabindex="4">
- </div>
- </div>
- </td>
- <td align="center">
- <!--Text field in table-->
- <div class="form-group">
- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <input type="text" name="rs_institute[]" id="rs_institute" class="form-control" placeholder="School or College" value="" tabindex="5">
- </div>
- </div>
- </td>
- <td>
- <div class="form-group">
- <div class="fileinput fileinput-new input-group col-lg-10 col-md-10 col-sm-10 col-xs-10" data-provides="fileinput">
- <div class="form-control" data-trigger="fileinput"><i class="glyphicon glyphicon-file fileinput-exists"></i> <span class="fileinput-filename"></span></div>
- <span class="input-group-addon btn btn-default btn-file"><span class="fileinput-new glyphicon glyphicon-folder-open"></span><span class="fileinput-exists glyphicon glyphicon-folder-open"></span><input type="file" name="rs_marksheet[]" tabindex="6"></span>
- <!--<a href="#" class="input-group-addon btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>-->
- </div>
- </div>
- </td>
- </tr>
- </table>
- <a class="btn btn-primary addmore">Add a Row <i class="glyphicon glyphicon-plus"></i></a>
- <a class="btn btn-primary delete">Remove a Row <i class="glyphicon glyphicon-minus"></i></a>
- <div id="">
- <input name="submit" type="submit" value="Next" class="btn btn-primary pull-right">
- </div>
- </form>
- <!--Java Scripts-->
- <script>
- //Dynamically add remove rows to table
- $(".delete").on('click', function() {
- $('.case:checkbox:checked').parents("tr").remove();
- });
- var i=2;
- $(".addmore").on('click',function(){
- var data="<tr><td><input type='checkbox' class='case'/></td>";
- data +="<td align='center'><div class='form-group'><div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'><select name='rs_month[]' id='rs_month"+i+"' class='' data-allow-clear='true' tabindex='2' placeholder='Select Month' style='width:100%'><option value=''> </option><option value='January'>January</option><option value='February'>February</option><option value='March'>March</option><option value='April'>April</option><option value='May'>May</option><option value='June'>June</option><option value='July'>July</option><option value='August'>August</option><option value='September'>September</option><option value='October'>October</option><option value='November'>November</option><option value='December'>December</option></select></div></div></td><td align='center'><div class='form-group'><div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'><input type='text' name='rs_year[]' id='rs_year"+i+"' class='form-control' placeholder='Result Year' value='' tabindex='2'></div></div></td><td align='center'><div class='form-group'><div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'><input type='text' name='rs_ssy[]' id='rs_ssy"+i+"' class='form-control' placeholder='Standard / Semester / Year' value='' tabindex='2'></div></div></td><td align='center'><div class='form-group'><div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'><input type='text' name='rs_result[]' id='rs_result"+i+"' class='form-control' placeholder='Result (%) or Grade' value='' tabindex='2'></div></div></td><td align='center'><div class='form-group'><div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'><input type='text' name='rs_institute[]' id='rs_institute"+i+"' class='form-control' placeholder='School or College' value='' tabindex='2'></div></div></td><td><div class='form-group'><div class='fileinput fileinput-new input-group col-lg-10 col-md-10 col-sm-10 col-xs-10' data-provides='fileinput'><div class='form-control' data-trigger='fileinput'><i class='glyphicon glyphicon-file fileinput-exists'></i> <span class='fileinput-filename'></span></div><span class='input-group-addon btn btn-default btn-file'><span class='fileinput-new glyphicon glyphicon-folder-open'></span><span class='fileinput-exists glyphicon glyphicon-folder-open'></span><input type='file' name='rs_marksheet[]' tabindex='2'></span></div></div></td>";
- $('table').append(data);
- i++;
- });
- //Validation of Form Fields
- $("#multiphase").formValidation({
- excluded: ':disabled',
- message: 'This value is not valid',
- container: 'popover',
- //trigger: 'blur',
- feedbackIcons: {
- valid: 'glyphicon glyphicon-ok',
- invalid: 'glyphicon glyphicon-remove',
- validating: 'glyphicon glyphicon-refresh'
- },
- //Validation of all fields starts below this line
- fields: {
- //Validation of Result Details Starts
- //Result Month
- rs_month: {
- validators: {
- notEmpty: {
- message: 'The Result Month is required and cannot be empty'
- },
- }
- },
- rs_year: {
- validators: {
- notEmpty: {
- message: 'The Year is required and cannot be empty'
- }
- }
- },
- rs_ssy: {
- trigger:'blur',
- validators: {
- notEmpty: {
- message: 'The Standard/Semester/Year is required and cannot be empty'
- },
- }
- },
- rs_result: {
- trigger:'blur',
- validators: {
- notEmpty: {
- message: 'The Result Percentage or Grade is required and cannot be empty'
- },
- }
- },
- rs_institute: {
- trigger:'blur',
- validators: {
- notEmpty: {
- message: 'The Institure Name is required and cannot be empty'
- },
- stringLength: {
- min: 8,
- max: 40,
- message: 'The Institure Name must be more than 8 and less than 40 characters long'
- },
- regexp: {
- regexp: /^[A-Z\s.]+$/i,
- message: 'The College Name can only consist of alphabetical characters'
- }
- }
- },
- rs_marksheet: {
- validators: {
- notEmpty: {
- message: 'The Marksheet is required and cannot be empty'
- },
- file: {
- extension: 'jpg,jpeg,png',
- type: 'image/jpeg,image/png',
- maxSize: 1024000, // 1024 kb
- message: 'Only jpg and png extensions are allowed. File size must be less than 1 mb'
- }
- }
- }, //Validation of Result Details finish.
- }
- //All fields ends before this line
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment