jQuery-Ajax를 사용한 폼 유효성 검사

일반적인 POST, GET 메서드는 대개 내 방식을 알고 있습니다.jQuery-Ajax를 사용한 폼 유효성 검사

그러나 폼 검증을 위해 내 코드에 ajax-jQuery를 구현하는 것은 내가 배우기에 거대한 단계임을 입증합니다.

나는 3 개의 필드 : 이메일을 보내고, 이메일과 암호를 확인하는 양식이 있습니다.

이 양식을 사용하여 새 사용자를 등록합니다.

form.py

class UserField(forms.EmailField): 
    def clean(self, value): 
     super(UserField, self).clean(value) 
     try: 
      User.objects.get(username=value) 
      raise forms.ValidationError("email already taken.") 
     except User.DoesNotExist: 
      return value 

class RegistrationForm(forms.Form): 

    email = UserField(max_length=30, required = True) 
    conf_email = UserField(label="Confirm Email", max_length=30, required = True) 
    password = forms.CharField(label="Enter New Password", widget=forms.PasswordInput(), required=True) 

    def clean(self): 
     if 'email' in self.cleaned_data and 'conf_email' in self.cleaned_data: 
      if self.cleaned_data['email'] != self.cleaned_data['conf_email']: 
       self._errors['email'] = [u''] 
       self._errors['conf_email'] = [u'Email must match.'] 
     return self.cleaned_data

HTML 코드

<form method="post"> 
    {{ register_form.as_p() }} 
    <input name = "Register" type="submit" value="Register" /> 
</form>

내가 제출 버튼을 누르기 전에, 양식 이를 유효한지 확인하고 관련 오류를 표시 할 것을 싶습니다 메시지, ajax-jQuery 메서드 사용 그러나, 나는 어떻게 시작/할 수 있을지 전혀 모른다. 당신은 http://github.com/alex/django-ajax-validation

을 조사 할 수 있습니다

출처

2011-03-09 Nelson_Wu

당신은 또한 AJAX와 처리 오류를 볼 수있는 몇 가지 문서 here 및 here

출처

2011-03-09 04:30:12 DrMeers

자료가 재미있을 것 같습니다. 제가 확인하겠습니다. –

있습니다. http://garmoncheg.blogspot.com/2013/11/ajax-form-in-django-with-jqueryform.html 작업을 수행하기 위해 jQuery 양식 플러그인 및 더미 뷰/URL 설정을 사용하는 방법에 대한 강조가 있습니다. (적어도 아주 비슷한 것)

출처

2013-11-29 07:49:29 garmoncheg

Welcome to Stack Overflow! 이것은 이론적으로 질문에 대답 할 수 있지만 여기에 답의 핵심 부분을 포함하고 참조 용 링크를 제공하는 것이 바람직합니다 (http://meta.stackexchange.com/q/8259). 또한 [커뮤니티 친화적 인 방식으로 외부 리소스에 연결하려면 어떻게합니까?] (http://meta.stackexchange.com/q/94022/169503)를 살펴보십시오. –

jQuery-Ajax를 사용한 폼 유효성 검사

답변

관련 문제