一種表單校驗的方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明實施例涉及通信領(lǐng)域，尤其涉及一種表單校驗的方法和裝置。
【背景技術(shù)】
[0002]目前，在注冊微博、注冊郵箱、商戶中心等各種表單的使用場景中，用戶需要通過瀏覽器顯示的表單向相應(yīng)的服務(wù)器提交各種信息，表單由一個或多個輸入框或選擇框組成，瀏覽器需要對用戶提交的表單中的信息進行校驗，用來確認提交的信息是否符合要求。
[0003]在對表單中的信息進行校驗時，需要判斷信息中的各個字段是否符合預(yù)設(shè)規(guī)則，比如，用戶名是否已經(jīng)存在、郵箱格式是否正確等，并根據(jù)校驗的結(jié)果，給出相應(yīng)的提示信息。
[0004]現(xiàn)有技術(shù)對表單的校驗方式包括兩種，方式一為用戶填寫整個表單之后并點擊提交時，對表單中的信息進行校驗；方式二為針對表單中的每一個輸入框，當(dāng)該輸入框從輸入狀態(tài)變成非輸入狀態(tài)時，即輸入焦點離開該輸入框時，對該輸入框中的信息進行校驗。校驗完成后，如果表單中信息不符合預(yù)設(shè)規(guī)則，則給出輸入錯誤的提示信息；如果表單中信息符合預(yù)設(shè)規(guī)則，則給出輸入正確的提示信息。
[0005]上述方式一中，圖la示出了用戶填寫整個表單之后才進行校驗的方法中所填寫完整的表單的示意圖，圖la中，用戶在郵箱的輸入框中填寫“1111111”，在密碼的輸入框中填寫“aaa”，之后點擊圖la中的提交按鈕之后，圖lb示出了對圖la進行校驗之后的示意圖，如圖lb所示，提示郵箱的輸入框“郵箱地址輸入錯誤”。此時，需要用戶重新返回郵箱的輸入框，重新填寫郵箱，再次點擊提交按鈕，進而再次進行校驗。
[0006]上述方式二中，圖lc示出了輸入焦點離開輸入框時對該輸入框進行校驗的方法中填寫表單的示意圖，如圖lc所示，用戶在郵箱的輸入框中填寫信息“1111111”，但該用戶填寫完成郵箱的輸入框的內(nèi)容，開始點擊下一個密碼輸入框時，此時密碼的輸入框中有光標(biāo)，如圖1d所示，即輸入焦點離開郵箱的輸入框，開始對郵箱輸入框的信息進行校驗，圖1d示出了對圖lc進行校驗之后的示意圖，如圖1d所示，當(dāng)輸入焦點離開輸入框時，提示郵箱的地址輸入錯誤，此時用戶重新返回郵箱的輸入框，輸入信息，輸入焦點離開郵箱的輸入框之后，重新對該郵箱的輸入框的信息進行校驗。
[0007]可見，上述兩種方式一和方式二中，在校驗不通過時，用戶需要重新返回出錯的輸入框進行信息填寫，增加了用戶填寫輸入框的次數(shù)，浪費了用戶時間。
[0008]綜上所述，亟需一種表單校驗的方法和裝置，用于節(jié)省用戶填寫表單的時間，提高表單填寫效率。

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

[0009]本發(fā)明實施例提供一種表單校驗的方法和裝置，用于節(jié)省用戶填寫表單的時間，提尚表單填與效率。
[0010]本發(fā)明實施例提供一種表單校驗的方法，包括以下步驟:
[0011]對表單的第一輸入框進行監(jiān)控；其中，第一輸入框為表單中的一個輸入框；
[0012]在監(jiān)控到第一輸入框中發(fā)生使第一輸入框中內(nèi)容發(fā)生改變的操作動作時，觸發(fā)預(yù)設(shè)的第一輸入框?qū)?yīng)的觸發(fā)事件；
[0013]調(diào)用第一輸入框?qū)?yīng)的觸發(fā)事件對應(yīng)的回調(diào)函數(shù)，根據(jù)第一輸入框?qū)?yīng)的第一校驗規(guī)則對第一輸入框中的內(nèi)容進行校驗；根據(jù)對第一輸入框中的內(nèi)容進行校驗的結(jié)果，在表單的界面上顯示第一輸入框?qū)?yīng)的提示信息；
[0014]在接收到提交表單的提交命令時，獲取表單中每個輸入框中的內(nèi)容，以及通過每個輸入框?qū)?yīng)的第二校驗規(guī)則對每個輸入框進行校驗所得到的校驗結(jié)果；根據(jù)對每個輸入框進行校驗的校驗結(jié)果對表單進行處理。
[0015]如此，則可實現(xiàn)對用戶輸入過程的實時校驗的目的，一旦第一輸入框中內(nèi)容發(fā)生改變，即對該輸入框進行校驗，進而可保證用戶正確的一次性完成第一輸入框的輸入，之后再切換輸入焦點，提高了表單填寫效率，節(jié)省了用戶填寫表單的時間，避免了現(xiàn)有技術(shù)中在完成該輸入框的輸入，將輸入焦點離開該輸入框時才發(fā)現(xiàn)該輸入框中的內(nèi)容錯誤，而又返回該輸入框重新輸入所導(dǎo)致的頻繁切換輸入焦點的問題。
[0016]具體實施中，一張表單中包括多個輸入框，因此針對與第一輸入框不同第二輸入框，可選地，對表單的第二輸入框進行監(jiān)控；其中，第二輸入框為表單中的一個輸入框，第一輸入框與第二輸入框為不同的輸入框；在監(jiān)控到輸入焦點離開第二輸入框時，觸發(fā)預(yù)設(shè)的第二輸入框?qū)?yīng)的觸發(fā)事件；調(diào)用第二輸入框?qū)?yīng)的觸發(fā)事件對應(yīng)的回調(diào)函數(shù)，根據(jù)第二輸入框?qū)?yīng)的第三校驗規(guī)則對第二輸入框中的內(nèi)容進行校驗；根據(jù)對第二輸入框中的內(nèi)容進行校驗的結(jié)果，在表單的界面上顯示第二輸入框?qū)?yīng)的提示信息。如此，針對一張表單中的輸入框可選擇性的使用不同的校驗方法，提高了表單校驗的靈活性。
[0017]可選地，第一校驗規(guī)則用于對第一輸入框中內(nèi)容的字符類型、字符長度，以及格式中的任一項或任多項進行校驗；第二校驗規(guī)則用于對表單中的每個輸入框中的內(nèi)容的合法性進行校驗；第三校驗規(guī)則用于對第二輸入框中內(nèi)容的字符類型、字符長度，以及格式中的任一項或任多項進行fe驗。
[0018]可選地，第一校驗具體是指:使用表單對應(yīng)的瀏覽器中預(yù)設(shè)的插件對第一輸入框中的內(nèi)容進行校驗；第二校驗具體是指:將表單中每個輸入框中的內(nèi)容發(fā)送至服務(wù)器，以使服務(wù)器對每個輸入框中的內(nèi)容的合法性進行校驗；第三校驗具體是指:使用表單對應(yīng)的瀏覽器中預(yù)設(shè)的插件對第二輸入框中的內(nèi)容進行校驗。
[0019]如此，可實現(xiàn)對字符類型、字符長度，以及格式等內(nèi)容進行快速校驗，而當(dāng)提交表單時，再對表單中的每個輸入框中的內(nèi)容的合法性進行校驗，進而提高了表單校驗的效率。
[0020]可選地，調(diào)用第一輸入框?qū)?yīng)的觸發(fā)事件對應(yīng)的回調(diào)函數(shù)，根據(jù)第一輸入框?qū)?yīng)的第一校驗規(guī)則對第一輸入框中的內(nèi)容進行校驗，具體包括:
[0021]第一校驗規(guī)則用于對第一輸入框中內(nèi)容的字符類型進行校驗時，調(diào)用第一輸入框觸發(fā)的觸發(fā)事件對應(yīng)的回調(diào)函數(shù)，根據(jù)第一輸入框?qū)?yīng)的第一校驗規(guī)則對第一輸入框中的內(nèi)容進行校驗；在確定第一輸入框中的內(nèi)容的字符類型屬于預(yù)設(shè)字符類型中的任一項或任幾項時，確定第一輸入框中的內(nèi)容的字符類型校驗成功，否則，確定第一輸入框中的內(nèi)容的字符類型校驗失?。?br>[0022]第一校驗規(guī)則用于對第一輸入框中內(nèi)容的字符長度進行校驗時，調(diào)用第一輸入框觸發(fā)的觸發(fā)事件對應(yīng)的回調(diào)函數(shù)，根據(jù)第一輸入框?qū)?yīng)的第一校驗規(guī)則對第一輸入框中的內(nèi)容進行校驗；在確定第一輸入框中的內(nèi)容的字符長度不超過預(yù)設(shè)字符長度時，確定第一輸入框中的內(nèi)容的字符長度校驗成功，否則，確定第一輸入框中的內(nèi)容的字符長度校驗失?。?br>[0023]第一校驗規(guī)則用于對第一輸入框中內(nèi)容的格式進行校驗時，調(diào)用第一輸入框觸發(fā)的觸發(fā)事件對應(yīng)的回調(diào)函數(shù)，根據(jù)第一輸入框?qū)?yīng)的第一校驗規(guī)則對第一輸入框中的內(nèi)容進行校驗；在確定第一輸入框中的內(nèi)容的格式與預(yù)設(shè)格式匹配時，確定第一輸入框中的內(nèi)容的格式校驗成功，否則，確定第一輸入框中的內(nèi)容的格式校驗失敗。
[0024]可選地，根據(jù)對第一輸入框中的內(nèi)容進行校驗的結(jié)果，在表單的界面上顯示第一輸入框?qū)?yīng)的提示信息，具體包括:
[0025]在確定第一輸入框中內(nèi)容的字符類型校驗成功時，在表單的界面上顯示用于提示第一輸入框中內(nèi)容的字符類型校驗成功的提示信息；在確定第一輸入框中內(nèi)容的字符類型校驗失敗時，在表單的界面上顯示用于提示第一輸入框中內(nèi)容的字符類型校驗失敗的提示信息；
[0026]在確定第一輸入框中內(nèi)容的字符長度校驗成功時，在表單的界面上顯示用于提示第一輸入框中內(nèi)容的字符長度校驗成功的提示信息；在確定第一輸入框中內(nèi)容的字符長度校驗失敗時，在表單的界面上顯示用于提示第一輸入框中內(nèi)容的字符長度校驗失敗的提示信息；
[0027]在確定第一輸入框中的內(nèi)容的格式為預(yù)設(shè)格式時，在表單的界面上顯示用于提示第一輸入框中的內(nèi)容的格式為預(yù)設(shè)格式的提示信息；在確第一輸入框中的內(nèi)容的格式并非預(yù)設(shè)格式時，在表單的界面上顯示用于提示第一輸入框中的內(nèi)容的格式并非預(yù)設(shè)格式的提示信息。
[0028]如此，可使用戶明確的在表單填寫界面看到自己的輸入框中填寫的內(nèi)容為何不符合要求，進而使用戶更有針對性的對輸入框中的內(nèi)容進行修改，提高了用戶正確填寫輸入框的效率。
[0029]可選地，使第一輸入框中內(nèi)容發(fā)生改變的操作動作具體是指以下內(nèi)容中的任一項:向輸入框中輸入內(nèi)容、刪除輸入框中的內(nèi)容、剪切輸入框中的內(nèi)容，以及向輸入框中粘貼內(nèi)容。如此，可避免在監(jiān)控到未使輸入框中內(nèi)容發(fā)送改變的操作動作時也對輸入框進行校驗的現(xiàn)象，減少了處理流程以及網(wǎng)絡(luò)開銷，進而節(jié)約了網(wǎng)絡(luò)資源。
[0030]本發(fā)明實施例提供一種表單校驗的裝置，包括:
[0031]監(jiān)控單元，用于對表單的第一輸入框進行監(jiān)控；其中，第一輸入框為表單中的一個輸入框；在監(jiān)控到第一輸入框中發(fā)生使第一輸入框中內(nèi)容發(fā)生改變的操作動作時，觸發(fā)預(yù)設(shè)的第一輸入框?qū)?yīng)的觸發(fā)事件；
[0032]校驗單元，用于調(diào)用第一輸入框?qū)?yīng)的觸發(fā)事件對應(yīng)的回調(diào)函數(shù)，根據(jù)第一輸入框?qū)?yīng)的第一校驗規(guī)則對第一輸入框中的內(nèi)容進行校驗；
[0033]顯示單元，用于根據(jù)對第一輸入框中的內(nèi)容進行校驗的結(jié)果，在表單的界面上顯示第一輸入框?qū)?yīng)的提示信息；
[0034]處理單元，用于在接收到提交表單的提交命令時，獲取表單中每個輸入框中的內(nèi)容，以及通過每個輸入框?qū)?yīng)的第二校驗規(guī)則對每個輸入框進行校驗所得到的校驗結(jié)果；根據(jù)對每個輸入框進行校驗的校驗結(jié)果對表單進行處理。
[0035]如此，則可實現(xiàn)對用戶輸入過程的實時校驗的目的，一旦第一輸入框中內(nèi)容發(fā)生改變，即對該輸入框進行校驗，進而可保證用戶正確的一次性完成第一輸入框的輸入，之后再切換輸入焦點，提高了表單填寫效率，節(jié)省了用戶填寫表單的時間，避免了現(xiàn)有技術(shù)中在完成該輸入框的輸入，將輸入焦點離開該輸入框時才發(fā)現(xiàn)該輸入框中的內(nèi)容錯誤，而又返回該輸入框重新輸入所導(dǎo)致的頻繁切換輸入焦點的問題。
[0036]具體實施中，一張表單中包括多個輸入框，因此針對與第一輸入框不同第二輸入框，可選地，對表單的第二輸入框進行監(jiān)控；其中，第二輸入框為表單中的一個輸入框，第一輸入框與第二輸入框為不同的輸入框；在監(jiān)控到輸入焦點離開第二輸入框時，觸發(fā)預(yù)設(shè)的第二輸入框?qū)?yīng)的觸發(fā)事件；調(diào)用第二輸入框?qū)?yīng)的觸發(fā)事件對應(yīng)的回調(diào)函數(shù)，根據(jù)第二輸入框?qū)?yīng)的第三校驗規(guī)則對第二輸入框中的內(nèi)容進行校驗；根據(jù)對第二輸入框中的內(nèi)容進行校驗的結(jié)果，在表單的界面上顯示第二輸入框?qū)?yīng)的提示信息。如此，針對一張表單中的輸入框可選擇性的使用不同的校驗方法，提高了表單校驗的靈活性。
[0037]可選地，監(jiān)控單元，還用于:
[0038]對表單的第二輸入框進行監(jiān)控；其中，第二輸入框為表單中的一個輸入框，第一輸入框與第二輸入框為不同的輸入框；在監(jiān)控到輸入焦點離開第二輸入框時，觸發(fā)預(yù)設(shè)的第二輸入框?qū)?yīng)的觸發(fā)事件；
[0039]校驗單元，還用于:
[0040]調(diào)用第二輸入框?qū)?yīng)的觸發(fā)事件對應(yīng)的回調(diào)函數(shù)，根據(jù)第二輸入框?qū)?yīng)的第三校驗規(guī)則對第二輸入框中的內(nèi)容進行校驗；
[0041]顯示單元，還用于:
[0042]根據(jù)對第二輸入框中的內(nèi)容進行校驗的結(jié)果，在表單的界面上顯示第二輸入框?qū)?yīng)的提示信息。
[0043]可選地，第一校驗規(guī)則用于對第一輸入框中內(nèi)容的字符類型、字符長度，以及格式中的任一項或任多項進行校驗；
[0044]第二校驗規(guī)則用于對表單中的每個輸入框中的內(nèi)容的合法性進行校驗；
[0045]第三校驗規(guī)則用于對第二輸入框中內(nèi)容的字符類型、字符長度，以及格式中的任一項或任多項進行校驗。
[0046]可選地，第一校驗具體是指:使用表單對應(yīng)的瀏覽器中預(yù)設(shè)的插件對第一輸入框中的內(nèi)容進行校驗；
[0047]第二校驗具體是指:將表單中每個輸入框中的內(nèi)容發(fā)送至服務(wù)器，以使服務(wù)器對每個輸入框中的內(nèi)容的合法性進行校驗；
[0048]第三校驗具體是指:使用表單對應(yīng)的瀏覽器中預(yù)設(shè)的插件對第二輸入框中的內(nèi)容進行fe驗。
[0049]如此，可實現(xiàn)對字符類型、字符長度，以及格式等內(nèi)容進行快速校驗，而當(dāng)提交表單時，再對表單中的每個輸入框中的內(nèi)容的合法性進行校驗，進而提高了表單校驗的效率。
[0