javascript - 如果 Django 和 Bootstrap 中存在用户名，则返回错误消息

Question

我创建了我的第一个 Django 应用程序并开始对其进行重新设计。我使用的是标准的 {% load bootstrap3 %}，但我正在切换到 Bootstrap 4。我使用的是 Django 的 UserCreationForm。我重新设计了登陆页面和注册表单。

这是表单的 HTML。

            <form method="post" id="signUpForm" action="{% url 'users:register' %}" class="form">
               {% csrf_token %}
                <!-- Username and Email -->
                <div class="form-group row">
                    <div class="col-12 col-sm">
                        <input type="text" name="username" minlength="2" maxlength="100" class="form-control form-control-lg" id="username" placeholder="Username" required>
                        <!-- <div class="form-control-feedback">Sorry, that username's taken.</div> -->
                        <small class="form-text text-muted">Letters, digits and @/./+/-/_ only.</small>
                    </div>
                    <div class="col-12 col-sm">
                        <input type="email" name="email" class="form-control form-control-lg" id="email" placeholder="Email" required>
                        <!-- <div class="form-control-feedback">Please enter a valid email.</div> -->
                        <small class="form-text text-muted">youremail@example.com</small>
                    </div>
                </div>
                <!-- Password -->
                <div class="form-group row">
                    <div class="col-12 col-sm form-group">
                           <input type="password" name="password" id="password" class="form-control form-control-danger form-control-lg" placeholder="Password" required>
                           <small class="form-text text-muted">At least 8 characters.</small>
                    </div>
                    <div class="col-12 col-sm form-group">
                            <input type="password" name="confirm_password" id="confirm_password" class="form-control form-control-danger form-control-lg" id="inputHorizontalDanger" placeholder="Password confirmation" required>
                    </div>
                </div>
                <!-- Submit Button -->
                <div class="row">
                    <div class="col-12 form-group">
                            <button type="submit" class="btn-landing btn btn-block btn-lg btn-info">Create Free Account</button>
                    </div>
                </div>
            </form>

我正在使用https://jqueryvalidation.org/动态验证表单输入。

但我需要检查用户名是否已存在并提醒用户。

有没有办法在提交之前检查用户名？

我了解如何使用 jQuery 检查 minlength 等，但我不确定它的 Django 方面，因为我是新手。

Answer 1

使用 AJAX 作为搜索属性，我遇到了这个示例。

https://simpleisbetterthancomplex.com/tutorial/2016/08/29/how-to-work-with-ajax-request-with-django.html

任何其他搜索类似问题的人都应该为您提供解决问题所需的信息。