Sindbad~EG File Manager

{% extends "users/layout.html" %} {% block title %}{% endblock %}
{% block content %}
{% set conf = Auth.get_conference(conf_id) %}
{% set society_id = conf["society_id"] %}
    <div class="container bg-white">
        <div class=" row d-flex align-items-center flex-row-reverse ">
          <div class="col-md-12 col-sm-12 col-lg-5 ">
            <div class="row mt-5 justify-content-between">
                <div class="col-md-12  ">
                              
                  <h1 class="text-center text-primary">Forgot your password?</h1>
                  <hr class="my-3" />
                  <span class="text-secondary">To reset your password, <br><br>Enter your registered email and we'll send you a link to get back into your account.</span>
                  <form action="{{url_for('user.ForgetPwdMail',society_id=society_id,conf_id = conf_id,conf_key=conf_key)}}" method="post"  id="forgot_form">
                      <div class="row pt-3">
                      <div class="col">
                          <div class="input-group  form-group">
                            <div class="input-group-append">
                              <span class="form-control"><i class="fa fa-envelope fa-lg"></i></span>
                            </div>
                            <input type="email" id="email" name="email" class="form-control rounded-0" {% if Auth.get_user(society_id) %} value="{{ Helper.email_mask(Auth.get_user(society_id).get('email')) }}" disabled {% endif %} placeholder="Enter your email"/>
                            <div class="col-md-12">
                              <label id="email-error" class="error" for="email">Please enter your email id</label>
                            </div>
                            <span class="error text-danger" id="invalid_email">
                              Email-id is invalid
                            </span>
                          </div>
                          <div class="form-group ">
                            {% if Auth.get_user(society_id) %}
                            {% else %}
                            <a href="{{ url_for('user.Login',conf_id = conf_id,conf_key=conf_key) }}" class="btn btn-danger float-left ">Back to login</a>
                            {% endif %}
                              <input type="submit" id="forgot_btn" value="Send reset link" class="btn btn-primary float-right" />
                              
                          </div>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
            <div class="col-md-12 col-sm-12 col-lg-7 d-flex justify-content-center">
                <img src="https://live.vrsi.in/static/images/vrsi_Forgot_password.png" style="max-height: 500px;" class="img-fluid align-items-center">
          </div>
            </div>
        </div>
        {% endblock %}
        {% block script %}
    <script type="text/javascript">
      $(document).ready(function(){
        $('.error').hide();
        $("#forgot_btn").click(function() {
          validate_forgot_form()
          if(!$("#forgot_form").valid())
          {
              return false  
          }
          var email = $('#email').val();
          if (IsEmail(email) == false) 
          {
              $('#invalid_email').show();
              return false;
          }
        })
             
      })
    function IsEmail(email) {
      var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
      if (!regex.test(email)) 
      {
          return false;
      }
      else 
      {
          return true;
      }
    }       
      function validate_forgot_form()
      {
          errorclass : 'error',
          $("#forgot_form").validate({
                 
              rules : {
                email : {
                            required : true,
                            email : true
                            },
              },
              messages : {
                email : {
                  required : "Please Enter Your Email id",
                  email : "Please provide valid Email Id"
                },
              },
              highlight: function(element) {
                  $(element).parent().addClass('error')
              },
          
              unhighlight: function(element) {
                  $(element).parent().removeClass('error')
              },
      
              submitHandler: function(form) {
                  form.submit();
              }
          })
                 
      }
    </script>
    {% endblock %}