2017-07-24 50 views
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方面,因爲我是新手。

+0

像往常一樣AJAX是你的朋友。使用用戶名查詢發送請求,檢查名稱是否存在,併發回答案。找到一個Ajax教程,並努力工作;) – hansTheFranz

+0

謝謝@hansTheFranz。我沒有太多使用AJAX,所以我沒想到要去那裏看。感謝讓我朝着正確的方向前進。 –

回答