react動(dòng)態(tài)表單渲染 React中,表單驗(yàn)證放在哪兒比較合適?
React中,表單驗(yàn)證放在哪兒比較合適?隨機(jī)生成一個(gè)字母或數(shù)字的驗(yàn)證碼更容易實(shí)現(xiàn),我想有兩種方法:1。使用rand()*361)隨機(jī)生成0-35個(gè)數(shù)字四次,分別使用IIF(number<10,nu
React中,表單驗(yàn)證放在哪兒比較合適?
隨機(jī)生成一個(gè)字母或數(shù)字的驗(yàn)證碼更容易實(shí)現(xiàn),我想有兩種方法:1。使用rand()*361)隨機(jī)生成0-35個(gè)數(shù)字四次,分別使用IIF(number<10,number,ASC(number 55))生成一個(gè)數(shù)字或字母2,構(gòu)建一個(gè)包含10個(gè)數(shù)字和26個(gè)首字母的表,使用rand()*361)隨機(jī)定位不同的數(shù)字或字母四次生成這些符號(hào)時(shí),需要存儲(chǔ)并顯示這些值。最后,您需要請(qǐng)求用戶輸入它們。輸入后,可以判斷是否正確,然后進(jìn)行不同的提示或操作。生成的代碼可以放在表單的init中,識(shí)別碼當(dāng)然應(yīng)該放在輸入驗(yàn)證碼框的vali或lostfocused中
在前端,驗(yàn)證的主要目的是檢查輸入格式是否正確,如郵箱格式、密碼強(qiáng)度等,如果前端最終使用框架,建議使用框架內(nèi)驗(yàn)證庫(kù)。例如,reactive形式是angular的首選,react有許多開源驗(yàn)證庫(kù),比如formik。您還可以使用獨(dú)立于框架的驗(yàn)證庫(kù),例如劈開.js. 如果要驗(yàn)證的表單比較簡(jiǎn)單,還可以使用HTML5表單的內(nèi)置驗(yàn)證方法。R在后端,除了驗(yàn)證格式是否正確外,還可能需要驗(yàn)證參數(shù)的有效性,比如郵箱是否已經(jīng)存在于數(shù)據(jù)庫(kù)中。在這種情況下,驗(yàn)證主要由業(yè)務(wù)邏輯本身實(shí)現(xiàn)。當(dāng)然,也可以使用ORM庫(kù)中的一些內(nèi)置驗(yàn)證方法