我创建了我的第一个Django应用,并已开始对其进行样式调整。我使用的是标准{%load bootstrap3%},但是我使用的风格是切换到Bootstrap4。我使用的是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检查最小长度,但是我不确定它的Django方面,因为我是新手。
最佳答案
使用AJAX作为搜索属性,我遇到了这个示例。
https://simpleisbetterthancomplex.com/tutorial/2016/08/29/how-to-work-with-ajax-request-with-django.html
任何其他搜索类似问题的人都应该给您提供解决之道。