Sindbad~EG File Manager

{% extends "users/layout.html" %} {% block title %}Import csv{% endblock %} {% block content %}
<div >

  <!-- Outer Row -->
  <div class="row justify-content-center">

    <div class="col-xl-10 col-lg-12 col-md-9">

      <div class="card o-hidden border-0 shadow-lg my-5">
        <div class="card-body p-0">
          <!-- Nested Row within Card Body -->
          <div class="row">
            <div class="col text-center">
              <div class="p-4 p-lg-5">
                <div>
                  <span class="mb-2 h2 p-1">Import User CSV</span>
                </div>
                <!-- <div class="py-2">
                  <span class="h3">Abstract Submission</span>
                </div> -->
                {% for mesg in get_flashed_messages() %}
                <div class="alert alert-danger" id="successMessage" style="color: red; text-align: center;">
                  <h4>{{ mesg }}</h4>
                </div>
                {% endfor %}


                <form id="login_form" action="{{url_for('user.Import_csv_post',conf_id=conf_id,conf_key=conf_key)}}" enctype="multipart/form-data" method="POST">
                  <div class="form-group text-center py-2">
                    <!-- <label class="text-danger">Import CSV</label> -->
                    <input type="file" name="new_file" id="new_file" required>
                    <!-- <span class="error mt-2" style="color: red;" name="emailerror" id="emailerror"></span> -->
                  </div>
                  <!-- <div class="form-group">
                        <input type="password" class="form-control form-control-user" id="password" name="password" placeholder="Password">
                        <span class="error" style="color: red;" name="passworderror" id="passworderror"></span>

                      </div>-->
                  <input type="submit" value="Import" name="import" id="import" class="btn btn-primary btn-user btn-block">

                </form>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>

  </div>

</div>
{% endblock %}
{% block script %}
<script type="text/javascript">
  $(document).ready(function() {


    $("#login_submit").click(function() {
      validate_login_form()

      var email = $('#email').val();
      if (IsEmail(email) == false) 
      {
        $('#emailerror').text('Email id is invalid');
        return false;
      }
      $("#alert-success").hide()
      $("#alert-danger").hide()
    })

  })

  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_login_form() {

    errorclass: 'error',

    $("#login_form").validate({

      rules: {
        email: {
          required: true,
          email: true
        },

        password: "required",
      },

      messages: {
        password: "Please enter the Password",
        email: {
          required: "Please enter the 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 %}