Djangoでフォームがバインドされていない

Question

データをポストしている私のDjangoビューの1つでは、フォームがデータと完全にバインドされていますが、バインドされていないためフォームが無効です。なぜこれが起こっているのかは完全にはわかりません。私が開発しているアプリケーションでは、フロントエンドにAngularを使用しているので、HTMLでDjangoのフォームクラスを使用していませんが、DjangoのフォームクラスでHTMLウィジェットを作成するだけで問題にならないでしょうか？

login.htmlと

<div class="account-login" id="login-view"> 
    <div class="card card-half"> 
    <h2 class="text-center">Welcome back!</h2> 
    <h4 class="text-center">Sign in to your account.</h4> 

    <div class="alert alert-danger" ng-if="vm.errorMessage"> 
     {{ vm.errorMessage }} 
    </div> 

    <form class="form-horizontal" name="form" ng-submit="vm.login(vm.auth)"> 
     {% csrf_token %} 
     <div class="form-group"> 
     <label for="email" class="col-sm-3 control-label">Email</label> 

     <div class="col-sm-9 col-md-7"> 
      <input type="email" id="email" 
       class="form-control" 
       placeholder="name@example.com" 
       ng-model="vm.auth.email" 
       required 
       hl-focus> 
     </div> 
     </div> 

     <div class="form-group"> 
     <label for="password" class="col-sm-3 control-label">Password</label> 

     <div class="col-sm-9 col-md-7"> 
      <input type="password" id="password" name="password" 
       class="form-control" 
       placeholder="******" 
       ng-model="vm.auth.password" 
       required minlength="6"> 

      <div class="has-warning" ng-if="form.password.$dirty"> 
      <div class="help-block" ng-messages="form.password.$error"> 
       <div ng-message="minlength">Please enter at least six characters. 
       </div> 
      </div> 
      </div> 

     </div> 
     </div> 

     <div class="form-group"> 
     <div class="col-sm-3"></div> 
     <div class="col-sm-9 col-md-7"> 
      <button type="submit" class="btn btn-block btn-secondary" 
       ng-disabled="!form.$valid || vm.submitBusy"> 
      Sign in 
      <span ng-if="vm.submitBusy"><i class="fa fa-circle-o-notch fa-spin"></i></span> 
      </button> 
     </div> 
     </div> 

    </form> 

    </div> 
</div> 

<div class="col-sm-6 col-sm-offset-3"> 
    <p>Forgot your password? Reset it 
     <a ui-sref="auth.reset">here</a>.</p> 
    <p>Trying to create a team? 
     <a ui-sref="auth.join.personal">Sign up</a> to get started.</p> 
</div> 

形態

class LoginForm(forms.Form): 
    email = forms.EmailField(max_length=100) 
    password = forms.CharField(max_length=20) 
    token = forms.CharField(max_length=20) 

    def __init__(self, request=None, *args, **kwargs): 
     self.cached_user = None 
     self.request = request 
     kwargs.setdefault('label_suffix', '') 
     super(LoginForm, self).__init__(*args, **kwargs) 

    def clean(self): 
     cleaned_data = self.cleaned_data 

     if len(self._errors) > 0: 
      return cleaned_data 
     else: 
      email = cleaned_data.get('email') 
      password = cleaned_data.get('password') 

      if email is None or password is None: 
       messages.error(self.request, 'Please enter an email and password.') 
       return forms.ValidationError("Error") 
      else: 
       self.cached_user = authenticate(username=email, password=password) 

       if self.cached_user is None: 
        self._errors["password"] = self.error_class(["Password incorrect. Passwords are case sensitive."]) 
       elif not self.cached_user.is_active: 
        messages.error(self.request, 
            'This account is inactive. Please check your inbox for our confirmation email, and ' 
            'click the link within to activate your account.') 
        raise forms.ValidationError("Error") 

     if not cleaned_data.get('remember_me'): 
      self.request.session.set_expiry(0) 

     return cleaned_data 

    def get_user(self): 
     return self.cached_user 

図

def login(request): 
    # """ -Log in the user if credentials are valid """ 
    if request.method == "POST": 
     form = LoginForm(request.POST) 

     if form.is_valid(): 
      cleaned_data = form.clean() 

      account = Account.objects.get(email=cleaned_data['email'], password=cleaned_data['password']) 

      if cleaned_data['token']: 

       token = cleaned_data['token'] 
       invite = OrgInvite.objects.get(token=token) 
       org = Org.objects.get(id=invite.org_id) 
       if not invite: 
        raise Exception("Invitation token is invalid.") 
       if invite.used == True: 
        raise Exception("Invitation token has already been used.") 

       org_member = OrgMember.objects.get(account_id=account.id) 
       if org_member: 
        raise Exception("Account is already in team.") 
       else: 
        org.add_members(account.id, False, invite.is_admin) 
        invite.used = False 

        # add_to_welcome(org_id=org.id, account_id=account.id, inviter_id=invite.token) 

      else: 
       pass 

     context = { 
      'message': 'ok', 
      'next': '/app/' 
     } 

     return composeJsonResponse(200, "", context) 

Answer 1

これはよくある間違いです。フォームクラスの初期化関数のシグネチャを変更して、最初のパラメータが要求になるようにしました。したがって、LoginForm(request.POST)を実行すると、POSTデータはdataではなくrequest引数に送られます。 LoginForm(request, request.POST) - - しかし、もっと良い方法が署名を変更し、kwargとして要求を渡すと**kwargs辞書からそれを取得することではありません

あなたはあなたが常に要求を通過しないことを確実にすることによってこの問題を解決することができます。