Sindbad~EG File Manager

{% extends 'BO/layout.html' %}
{% block title %} Quiz Masters {% endblock %}
{% block content %}
<div class="container pt-5">
    <div class="row">
        <div class="col-6">
            <h2 class="text-left">Quiz Masters</h2>
        </div>
        <div class="col-6">
            <form id="search_form" action="{{url_for('bo.QuizMaster')}}" method="post">
                <div class="input-group">  
                  <input type="search" id="search_users" name="search_users" placeholder="Search here..." class="form-control">  
                  <div class="input-group-append">  
                    <button type="submit" onclick="btn_search()" id="button_search" class="btn btn-md btn-primary" > <i class="fa fa-search"> </i> </button>  
                  </div>  
                </div>
                <label id="search_users-error" class="error text-danger" for="search_users"></label>
            </form>            
        </div>
    </div>
<table class="table" id="mcq_user_table">
    <thead class="text-left">
        <th width="1%"></th>
        <th width="10%">Name</th>
        <th width="10%">email </th>
        <th width="10%">Mobile</th>
        <th width="10%">No of questions</th>
    </thead>
    <tbody>
         {%  if quiz_masters %}
         {% for masters in quiz_masters %}
         <tr class="text-left">
            <td>{{loop.index}}</td>
            <td>{{masters.name}}</td>
            <td>{{masters.email}}</td>
            <td>{{masters.mobile}}</td>
            <td>{{masters.no_of_questions}}</td>
         </tr>
         {% endfor %}
         {% else %}
         <tr>
            <td colspan="5" class="text-center text-danger">No MCQ Users</td>
         </tr>
         {% endif %}
    </tbody>
</table>
</div>
{% endblock %}
{% block script %}
<script type="text/javascript">
    var BaseUrl     = document.location.origin
    $(document).ready(function() 
    {      
      
      
    }); 

    function btn_search() 
    {
      
      validate_prosec_form()
      if(!$("#search_form").valid())
      {
        return false  
      }
      
    }

function  validate_prosec_form()
{
  errorclass : 'error',
  $("#search_form").validate({
    rules : {
     
      ["search_users"] : {
                            required : true,
                            normalizer: function (value) {
                                return $.trim(value);
                            },
                            minlength : 3,
                          },
      },
    messages : {
      ["search_users"] : {
                            required :  "Please enter your data",
                            minlength : "Please enter atleast 3 character",
                          },
      },
      highlight: function(element) {
          $(element).parent().addClass('error')
      },
  
      unhighlight: function(element) {
          $(element).parent().removeClass('error')
      },

      submitHandler: function(form) {
          form.submit();
      },
      invalidHandler: function(form, validator) {

        if (!validator.numberOfInvalids())
            return;

        $('html, body').animate({
        scrollTop: $(validator.errorList[0].element).offset().top
        }, 300);
        StopProgress();
      }
    })
}

$('#mcq_user_table').DataTable( {
            paging: true,
            searching: false,
        } );

</script>
{% endblock %}