Хочу кастомную форму в Django? Правильно ли я делаю?

Question

[howuu]

Хочу, что бы форма для авторизации была так

если вывести форму в Django она вот так

Подумал, как это сделать просто, делаю так
Я использую jQuery на сайте
Я сделаю такой js файл, что бы
При нажатии на кнопку логин, отправлялся post запрос для авторизации
Вот так достать csrf и вот так отправить логин и пароль

function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie !== '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) === (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}


function zapros() {

  var username  = $( ".username").val();
  var parol = $( ".password").val();


  
  var csrftoken = getCookie('csrftoken');
  data = {'csrfmiddlewaretoken':  csrftoken, username: username, password: parol };

  $.ajax({
          url: '/линк ту логин форм/',
          type: "POST",
          data: data 
        })  ;
  }

Вопрос в том, насколько это правильно с точки зрения всего, информационной безопасности, (сколько хакеров сможет нас взломать), красоты, работы, или что вы посоветуйте делать ? Потому что форм по сайту дофигище и все хочу делать таким способом

Comments

[sim3x]

Зачем тут аякс если все равно придется переходить на другую страницу?

Зачем в вопросе картинки?

[howuu]

sim3x, 1. вы правы 2. для наглядности, объяснить чего я хочу 3. у меня ж не в том вопрос был, а в том, делают ли так, безопасно ли это, оставлять так?

[sim3x]

howuu,
2. Тут мало кто видит форму авторизации меньше чем по несколько раз за день
3. Безопасно ли по хттпс отправлять пароль аяксом? - Безопасно

[howuu]

sim3x, короче я изменил код и сделал таким post запрос

function zapros() {

  var username  = $( ".username").val();
  var parol = $( ".password").val();
  var csrftoken = getCookie('csrftoken');
  
  $.post(
      "/accounts/login/",
  {
    csrfmiddlewaretoken : csrftoken,
    username: username,
    password: parol,
  },
      onAjaxSuccess);
 
  function onAjaxSuccess(data){
  
  alert("succes");}
                }

Но он не работает, при авторизации, нас должно перекидывать на другую страницу, если делать через обычную django форму, вывести ее вот так

<form method = post>
  {% csrf_token %}
  {{ form.as_p }}
  <button type="submit">Login</button>
</form>

то все работает, нас авторизирует и все ок, но с такой формой и с запросом выше, запрос отправляется и токен, логин, пароль отправляются, но ничего не происходит далее (нет авторизации и редиректа), в чем дело?

<form method="post" class="form-signin">
       {% csrf_token %}

      <img class="mb-4" src="{% static 'images/icons/logo.png' %}" alt="" width="72" height="72">
      <h1 class="h3 mb-3 font-weight-normal">Залогінься сучка</h1>

      <label for="inputEmail" class="sr-only">Email address або username</label>
      <input type="#" id="inputEmail" class="form-control username" placeholder="Email address або username" required="" autofocus="">
      <label for="inputPassword" class="sr-only">Пароль</label>
      <input type="password" id="inputPassword" class="form-control password" placeholder="Пароль" required="">
      <div class="checkbox mb-3">
        
      </div>
      

       <button type="button" class="btn btn-lg btn-primary btn-block" onclick="zapros()">Увійти</button>
      <p class="mt-5 mb-3 text-muted">@howareu_u</p>
    </form>

[howuu]

sim3x, разобрался... я вводил не правильный пароль, но форма мне не возвращала ошибку, в алерт выходило тот же успех, я попробовал прописать alert(data), но выдает исходный код страницы...как сделать так что бы вот тут

function onAjaxSuccess(data){
  
  alert("succes");}
                }

присылало ошибку при вводе данных авторизации, либо же успех, что бы я мог отображать это в форме?