1
我創建了我的第一個Django應用程序,並開始對其進行重新設置。我使用的是標準的{%load bootstrap3%},但是我改用Bootstrap 4的風格。我使用Django的UserCreationForm。我重新設置了登錄頁面和註冊表單。如果用戶名與Django和Bootstrap存在,則返回錯誤消息
這裏是表單的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">[email protected]</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是你的朋友。使用用戶名查詢發送請求,檢查名稱是否存在,併發回答案。找到一個Ajax教程,並努力工作;) – hansTheFranz
謝謝@hansTheFranz。我沒有太多使用AJAX,所以我沒想到要去那裏看。感謝讓我朝着正確的方向前進。 –