Django forms表單 select下拉框的傳值實例
今兒繼續(xù)做項目,學(xué)習(xí)了Django的forms生成前端的代碼。
forms.py
class SignupForm(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="預(yù)設(shè)值")#這里加的是班級名字 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
class SignupView(View): def get(self, request): obj = SignupForm() return render(request, 'user/signup.html', locals())
這里可以打印出來obj,可以看到表單類已經(jīng)幫我們生成了前端代碼
<tr><th><label for="id_username">Username:</label></th><td><input type="text" name="username" value="123123" minlength="5" maxlength="30" required id="id_username"></td></tr> <tr><th><label for="id_password">Password:</label></th><td><input type="text" name="password" value="213123" minlength="6" maxlength="50" required id="id_password"></td></tr> <tr><th><label for="id_classInfo">Classinfo:</label></th><td> <select name="classInfo" id="id_classInfo"> <option value="1" selected>15醫(yī)藥軟件</option> <option value="2">15醫(yī)藥信息</option> </select></td></tr> <tr><th><label for="id_email">Email:</label></th><td><input type="email" name="email" value="123123231@qq.com" required id="id_email"></td></tr> <tr><th><label for="id_mobile">Mobile:</label></th><td><input type="text" name="mobile" value="13328768123" required id="id_mobile"></td></tr>
其中select下拉框里的內(nèi)容是從數(shù)據(jù)庫中取出來的,利用ModelChoiceField,設(shè)置queryset來取出數(shù)據(jù),這樣實現(xiàn)動態(tài)存取select中的值。
而前端代碼可以直接使用這個表單變量obj
<form method="post" action="{% url 'signup' %}"> ... {% for field in obj %} {{ field }} {% end for %} ... </form>
但是我這里沒有設(shè)置label值,就沒有直接這樣偷懶,而是自己寫了一個
<form method="post" action="{% url 'signup' %}> .... <tr> <td width="120" align="right" valign="top">用戶名(學(xué)號)</td> <td width="auto" align="left"><input type="text" name="username" class="sls"> </td> </tr> <tr> <td width="120" align="right">密碼</td> <td width="auto" align="left"><input type="password" name="password" class="sls"></td> </tr> <tr> <td width="120" align="right" valign="top">電子郵件</td> <td width="auto" align="left"><input type="text" name="email" class="sls"></td> </tr> <tr> <td width="120" align="right">班級</td> <td width="auto" align="left"> {{ obj.classInfo }} </td> </tr> <tr> <td width="120" align="right" valign="top">手機號</td> <td width="auto" align="left"><input type="text" class="sls" name="mobile"></td> </tr> ....
前期我一直在用select標(biāo)簽來寫,然后傳值到option里,但是我發(fā)現(xiàn)通過再用obj.classInfo取里面的值時出現(xiàn)空白值
就類似于原本數(shù)據(jù)庫存著兩個選項,然后前端顯示-------;選項一;空白;選項二;空白。
經(jīng)過一番查找,出現(xiàn)-----這個選項是因為沒有設(shè)置初始值,然后設(shè)置了initial
出現(xiàn)兩個變量就是因為粗心大意,obj.classInfo本身就是個select標(biāo)簽,里面就有兩個選項。
之后就是post提交驗證,然后就是存值render操作了
def post(self, request): has_error = True obj = SignupForm(request.POST) #print(obj) if obj.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'] ......
以上這篇Django forms表單 select下拉框的傳值實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Pytorch 使用opnecv讀入圖像由HWC轉(zhuǎn)為BCHW格式方式
這篇文章主要介紹了Pytorch 使用opnecv讀入圖像由HWC轉(zhuǎn)為BCHW格式方式,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-06-06Python爬蟲實現(xiàn)獲取動態(tài)gif格式搞笑圖片的方法示例
這篇文章主要介紹了Python爬蟲實現(xiàn)獲取動態(tài)gif格式搞笑圖片的方法,結(jié)合實例形式分析了Python針對gif格式圖片的爬取、下載等相關(guān)操作技巧,需要的朋友可以參考下2018-12-12Python多線程處理實例詳解【單進(jìn)程/多進(jìn)程】
這篇文章主要介紹了Python多線程處理,結(jié)合實例形式總結(jié)分析了Python單進(jìn)程、多進(jìn)程、多線程等相關(guān)操作技巧與注意事項,需要的朋友可以參考下2019-01-01Python導(dǎo)入數(shù)值型Excel數(shù)據(jù)并生成矩陣操作
這篇文章主要介紹了Python導(dǎo)入數(shù)值型Excel數(shù)據(jù)并生成矩陣操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-06-06基于Python實現(xiàn)2種反轉(zhuǎn)鏈表方法代碼實例
這篇文章主要介紹了基于Python實現(xiàn)2種反轉(zhuǎn)鏈表方法代碼實例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-07-07