Django forms表单 select下拉框的传值实例

2023-08-18 23:50:04 174

今儿继续做项目，学习了Django的forms生成前端的代码。

forms.py

classSignupForm(forms.Form):
username=forms.CharField(validators=[user_unique_validate,username_rule_validate,],required=True,
max_length=30,min_length=5,
error_messages={'required':'用户名不能为空','max_length':'用户名至少5位',
'min_length':'用户名最多30位'})
password=forms.CharField(min_length=6,max_length=50,required=True,
error_messages={'required':'密码不能为空',
'invalid':'密码格式错误',
'min_length':'密码不能少于6位',
'max_length':'密码最多50位'})
classInfo=forms.ModelChoiceField(queryset=ClassInfo.objects.all(),required=True,empty_label=None,initial="预设值")#这里加的是班级名字
email=forms.EmailField(validators=[email_unique_validate,],required=True,
error_messages={'required':'邮箱不能为空','invalid':'邮箱格式错误'})
mobile=forms.CharField(validators=[mobile_validate,],required=True,
error_messages={'required':'手机号不能为空'})

然后views通过get方法获得表单的form

classSignupView(View):
defget(self,request):
obj=SignupForm()
returnrender(request,'user/signup.html',locals())

这里可以打印出来obj，可以看到表单类已经帮我们生成了前端代码

Username:
Password:
Classinfo:

15医药软件
15医药信息

Email:
Mobile:

其中select下拉框里的内容是从数据库中取出来的，利用ModelChoiceField，设置queryset来取出数据，这样实现动态存取select中的值。

而前端代码可以直接使用这个表单变量obj


...
{%forfieldinobj%}
{{field}}
{%endfor%}
...

但是我这里没有设置label值，就没有直接这样偷懒，而是自己写了一个


....

用户名(学号)



密码



电子邮件



班级

{{obj.classInfo}}



手机号


....

前期我一直在用select标签来写，然后传值到option里，但是我发现通过再用obj.classInfo取里面的值时出现空白值

就类似于原本数据库存着两个选项，然后前端显示-------；选项一；空白；选项二；空白。

经过一番查找，出现-----这个选项是因为没有设置初始值，然后设置了initial

出现两个变量就是因为粗心大意，obj.classInfo本身就是个select标签，里面就有两个选项。

之后就是post提交验证，然后就是存值render操作了

defpost(self,request):
has_error=True
obj=SignupForm(request.POST)
#print(obj)
ifobj.is_valid():
has_error=False
username=obj.cleaned_data['username']
password=obj.cleaned_data['password']
class_name=obj.cleaned_data['classInfo']
email=obj.cleaned_data['email']
mobile=obj.cleaned_data['mobile']
......

以上这篇Djangoforms表单select下拉框的传值实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

Django forms表单 select下拉框的传值实例

热门推荐

随机推荐