[發(fā)明專利]基于自定義屬性的form表單實(shí)時(shí)監(jiān)聽檢驗(yàn)方法及系統(tǒng)

有效

• 申請(qǐng)?zhí)枺?/td>: 201811640293.4
• 申請(qǐng)日: 2018-12-29
• 公開（公告）號(hào): CN109710534B
• 公開（公告）日: 2022-01-11
• 發(fā)明（設(shè)計(jì)）人: 徐汕;付麗萍;劉強(qiáng);劉明
• 申請(qǐng)（專利權(quán)）人: 北京航天云路有限公司
• 主分類號(hào): G06F11/36
• 分類號(hào): G06F11/36
• 代理公司: 北京紐樂康知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11210
• 代理人: 白明珠

本發(fā)明公開了一種基于自定義屬性的form表單實(shí)時(shí)監(jiān)聽檢驗(yàn)方法及系統(tǒng)，包括以下步驟：利用自定義屬性和正則表達(dá)式相結(jié)合的方式，對(duì)表單數(shù)據(jù)進(jìn)行實(shí)時(shí)監(jiān)測(cè)和檢驗(yàn)；根據(jù)序列化表單對(duì)錄入數(shù)據(jù)進(jìn)行提取，其中，將相同表單數(shù)據(jù)放到同一數(shù)組中；根據(jù)反序列化表單將錄入數(shù)據(jù)回顯到相應(yīng)位置。本發(fā)明有益效果：學(xué)習(xí)成本低，擴(kuò)展性強(qiáng)，提高了開發(fā)人員對(duì)表單處理的效率，同時(shí)，提供了成熟的表單序列化和反序列化操作方法，使開發(fā)人員方便快捷的get/set對(duì)應(yīng)數(shù)據(jù)，簡(jiǎn)化了form表單的一系列操作。

技術(shù)領(lǐng)域

本發(fā)明涉及表單驗(yàn)證技術(shù)領(lǐng)域，具體來(lái)說，涉及一種基于自定義屬性的form表單實(shí)時(shí)監(jiān)聽檢驗(yàn)方法及系統(tǒng)。

背景技術(shù)

Form表單是web系統(tǒng)的常用組件，主要用于數(shù)據(jù)增加和編輯操作，數(shù)據(jù)操作會(huì)涉及到用戶填寫數(shù)據(jù)的檢驗(yàn)，用戶填寫數(shù)據(jù)的提取，數(shù)據(jù)的回顯等操作，一系列的操作會(huì)產(chǎn)生復(fù)雜的邏輯和交互，優(yōu)化交互及邏輯，可以使開發(fā)人員專注于業(yè)務(wù)邏輯，不需要再進(jìn)行繁雜的細(xì)節(jié)處理，提高開發(fā)效率。

目前，對(duì)form表單校驗(yàn)主要是JQuery調(diào)用對(duì)應(yīng)方法，動(dòng)態(tài)生成校驗(yàn)規(guī)則，需要用戶按照屬性定義大量對(duì)應(yīng)規(guī)則，規(guī)范繁瑣；在插件可擴(kuò)展方面，自定義驗(yàn)證方法及調(diào)用方法需要一定的學(xué)習(xí)成本，使用較復(fù)雜。表單的序列化操作，現(xiàn)有方法仍存在問題，即當(dāng)表單涉及到數(shù)組時(shí)，生成數(shù)據(jù)無(wú)法正常解析；表單的反序列化中，數(shù)組、radio、checkbox、select及textarea無(wú)法正常set數(shù)據(jù)到對(duì)應(yīng)內(nèi)容中。

針對(duì)相關(guān)技術(shù)中的問題，目前尚未提出有效的解決方案。

發(fā)明內(nèi)容

針對(duì)相關(guān)技術(shù)中的上述技術(shù)問題，本發(fā)明提出一種基于自定義屬性的form表單實(shí)時(shí)監(jiān)聽檢驗(yàn)方法及系統(tǒng)，能夠解決了現(xiàn)有form表單使用時(shí)存在的很多問題，并使得開發(fā)人員不需處理繁雜的細(xì)節(jié)交互，即可實(shí)現(xiàn)所需功能，大幅度提高了開發(fā)效率及代碼的可靠性，降低了測(cè)試工作量，降低了團(tuán)隊(duì)維護(hù)成本。

為實(shí)現(xiàn)上述技術(shù)目的，本發(fā)明的技術(shù)方案是這樣實(shí)現(xiàn)的：

一種基于自定義屬性的form表單實(shí)時(shí)監(jiān)聽檢驗(yàn)方法，包括以下步驟：

利用自定義屬性和正則表達(dá)式相結(jié)合的方式，對(duì)表單數(shù)據(jù)進(jìn)行實(shí)時(shí)監(jiān)測(cè)和檢驗(yàn)；

根據(jù)序列化表單對(duì)錄入數(shù)據(jù)進(jìn)行提取，其中，將相同表單數(shù)據(jù)放到同一數(shù)組中；

根據(jù)反序列化表單將錄入數(shù)據(jù)回顯到相應(yīng)位置。

進(jìn)一步地，所述利用自定義屬性和正則表達(dá)式相結(jié)合的方式包括：通過自定義屬性data-validator方式，將所需的檢測(cè)規(guī)則利用JSON數(shù)據(jù)格式賦值到自定義屬性中。

進(jìn)一步地，所述根據(jù)序列化表單對(duì)錄入數(shù)據(jù)進(jìn)行提取包括：

利用serializeArray()取得form表單中所有數(shù)據(jù)，并以數(shù)組形式返回；

將取得的數(shù)組數(shù)據(jù)進(jìn)行循環(huán)處理；

循環(huán)處理時(shí)判斷name是否在返回的json對(duì)象中存在；

當(dāng)數(shù)據(jù)已存在于json對(duì)象中，判斷當(dāng)前數(shù)據(jù)內(nèi)容是否為數(shù)組。

進(jìn)一步地，所述循環(huán)處理時(shí)判斷name是否在返回的json對(duì)象中存在包括：當(dāng)name返回的json對(duì)象中不存在，直接放到j(luò)son對(duì)象中；當(dāng)name返回的json對(duì)象中已存在，則處理數(shù)組數(shù)據(jù)。

進(jìn)一步地，所述根據(jù)反序列化表單將錄入數(shù)據(jù)回顯到相應(yīng)位置包括：

將反序列化的數(shù)據(jù)進(jìn)行循環(huán)處理；

循環(huán)處理時(shí)判斷name重復(fù)內(nèi)容，并根據(jù)tagName的不同，進(jìn)行不同的數(shù)據(jù)回顯處理方式。

本發(fā)明的另一方面，提供一種基于自定義屬性的form表單實(shí)時(shí)監(jiān)聽檢驗(yàn)系統(tǒng)，包括：