У меня есть шаблон с регистрацией пользователя:
<!DOCTYPE html>
<html>
{%load static%}
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/froala/design-blocks@master/dist/css/froala_blocks.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/froala-editor/css/froala_editor.pkgd.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/froala-editor/css/froala_style.min.css">
<script type="text/javascript" src="{% static 'node_modules/jquery/dist/jquery.js' %}"></script>
<script type="text/javascript" src="{% static 'bower_components/entropizer/dist/entropizer.js'%}"></script>
<script type="text/javascript" src="{% static 'bower_components/bootstrap/dist/js/bootstrap.min.js' %}"></script>
<script type="text/javascript" src="{% static 'bower_components/entropizer/dist/entropizer.min.js' %}"></script>
<link rel="stylesheet" href="{% static 'bower_components/entropizer/dist/entropizer.min.js'%}">
<link rel="stylesheet" href="{% static 'bower_components/entropizer/dist/entropizer.js'%}">
</head>
<body>
<section class="fdb-block py-0 fp-active" data-block-type="forms" data-id="1" draggable="true">
<div class="container py-5 my-5" style="background-image: url(https://cdn.jsdelivr.net/gh/froala/design-blocks@master/dist/imgs//shapes/6.svg);">
<div class="row">
<div class="col-12 col-md-8 col-lg-7 col-xl-5 text-left">
<div class="row">
<div class="col">
<h1>Sign Up</h1>
</div>
</div>
<div class="row">
<div class="col mt-4">
<input type="text" name="username" class="form-control" placeholder="Username">
</div>
</div>
<div class="row mt-4">
<div class="col">
<input type="text" name="mail" class="form-control" placeholder="Email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
</div>
<div class="row mt-4">
<div class="col">
<input type="password" id= "password" name = 'password' class="form-control" placeholder="Password">
</div>
</div>
<div class="col-md-5" id="meter"></div>
<pre>
$('#meter').entropizer({ target: '#password' });
</pre>
<div class="row mt-4">
<div class="col">
<input type="password" name = 'confirm_password' class="form-control" placeholder="Repeat password">
</div>
</div>
<div class="row mt-4">
<div class="col">
<button class="btn btn-primary" type="button">Submit</button>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/froala-editor/js/froala_editor.pkgd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>
</body>
</html>
Мне нужно было сделать проверку сложности пароля с помощью entropizer
https://github.com/jreesuk/jquery-entropizer/blob/...
В результате ничего не работает. Я думала, что проблема может быть в том, что почему-то не получается найти static 'node_modules/jquery/dist/jquery.js' (ошибка: /app/static%20'node_modules/jquery/dist/jquery.js' HTTP/1.1" 404 2862). Это странно, ибо остальные файлы в static загружаются.
Вот если что структура проекта:
Простой
