使用jQuery-Ajax进行表单验证 [英] Form validation using jQuery-Ajax
问题描述
说到正常的POST,GET方法,我通常会知道我的方式。
When it comes to normal POST, GET methods, I usually know my way around.
然而,在我的代码中实现ajax-jQuery进行表单验证是我学习的巨大一步。
However, implementing ajax-jQuery into my code to make form validation is proving a huge step for me to learn.
我有一个表单,有3个字段:
电子邮件,确认电子邮件和密码。
I have a form that has 3 fields: email, confirm email, and password.
我正在使用此表单注册新用户。
I am using this form to register a new user.
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方法显示任何相关的错误消息。但是,我不知道如何开始/执行此操作。
I would like that, before I press the submit button, to check if the form is valid and display any relevant error messages, by using ajax-jQuery methods. However, I have no idea how to start / do this.
推荐答案
您可能需要查看 http://github.com/alex/django-ajax-validation
这篇关于使用jQuery-Ajax进行表单验证的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!