專利名稱:一種網(wǎng)頁表單輸入信息驗證方法及裝置的制作方法
技術(shù)領(lǐng)域:
本發(fā)明涉及到互聯(lián)網(wǎng)網(wǎng)站(簡稱,web)網(wǎng)頁表單技術(shù),特別涉及到一種網(wǎng)頁表單輸入信息驗證方法及裝置。
背景技術(shù):
在現(xiàn)在的web應(yīng)用中,交互功能已經(jīng)愈發(fā)的受到重視,在web應(yīng)用的交互功能中, 網(wǎng)頁表單的填寫和提交是相當重要的一種實現(xiàn)交互的方法,用戶在頁面上按要求逐個填寫表單數(shù)據(jù),完成后通過提交的方式將信息發(fā)送給系統(tǒng),系統(tǒng)根據(jù)用戶填寫的信息以及不同 web應(yīng)用的具體需要反饋信息到網(wǎng)頁顯示。如最常見的網(wǎng)頁上的用戶注冊信息填寫,就是一種典型的網(wǎng)頁表單交互方法。在網(wǎng)頁表單信息輸入中,通常會有一些表單輸入信息需要驗證其信息的正確性 (包括對于信息格式和/或信息內(nèi)容的驗證),并給出相應(yīng)的反饋信息在網(wǎng)頁上進行顯示。 這種需要表單輸入信息規(guī)則包括價格規(guī)則、價格區(qū)間、數(shù)值規(guī)則、下拉菜單是否被選擇、姓名規(guī)則、用戶名規(guī)則、密碼規(guī)則、二次密碼輸入規(guī)則、電子郵箱規(guī)則、身份證號碼規(guī)則、手機號規(guī)則、標簽規(guī)則,輸入字符長度規(guī)則等。例如,在網(wǎng)頁上注冊用戶時,通常都會驗證用戶名是否與其他用戶已注冊的用戶名重復,對用戶密碼所使用的字符,也會進行驗證,以確定是否包括不能用作密碼的無效字符。再如,通常的網(wǎng)絡(luò)論壇或博客上發(fā)帖的文本輸入框都會有字數(shù)的限制(不能多于多少字和/或不能少于多少字),有時候還會對輸入文本內(nèi)容進行一定的限制等。現(xiàn)有的網(wǎng)頁表單輸入信息驗證方法通常是系統(tǒng)獲取用戶輸入的信息以及信息所對應(yīng)的表單并進行保存;當用戶完成所有表單填寫并提交后,系統(tǒng)將保存的各表單輸入信息分別與預先設(shè)置的對應(yīng)各表單驗證規(guī)則進行對比驗證,如果所有表單的輸入信息都分別符合各自的驗證規(guī)則,反饋輸入成功信息;否則反饋錯誤信息?,F(xiàn)有技術(shù)的實現(xiàn)方法當用戶填寫完所有表單點擊提交按鈕時,才會觸發(fā)驗證將反饋信息一起顯示,這時用戶又需根據(jù)提示信息去找到錯誤的內(nèi)容并按照要求進行再次的修改,更有甚至直接跳轉(zhuǎn)到新的頁面進行提示,然后再返回填寫頁面重新填寫。不利于提高用戶感受,同時,降低了網(wǎng)頁表單信息輸入的效率。
發(fā)明內(nèi)容
有鑒于此,本發(fā)明提出了一種網(wǎng)頁表單輸入信息驗證方法及裝置,以解決現(xiàn)有技術(shù)存在的上述問題。本發(fā)明的技術(shù)方案是一種網(wǎng)頁表單輸入信息驗證方法,包括系統(tǒng)檢測到輸入焦點移入一個表單時,接收表單輸入信息;將獲取的所述表單輸入信息與預先設(shè)置的所述表單對應(yīng)的驗證規(guī)則進行對比驗證;根據(jù)驗證結(jié)果輸出反饋信息在網(wǎng)頁顯示。進一步的,所述將獲取的所述表單輸入信息與預先設(shè)置的所述表單對應(yīng)的驗證規(guī)則進行對比驗證包括每獲取一個輸入字符,即將當前已獲取的輸入信息與所述表單對應(yīng)的驗證規(guī)則進行對比驗證。進一步的,所述將獲取的所述表單輸入信息與預先設(shè)置的所述表單對應(yīng)的驗證規(guī)則進行對比驗證包括系統(tǒng)檢測到輸入焦點移出所述表單時,將獲取的輸入信息與所述表單對應(yīng)的驗證規(guī)則進行對比驗證。進一步的,所述方法還包括系統(tǒng)檢測輸入焦點移入一個表單時,將預先設(shè)置的所述表單的表單輸入提示信息輸出到網(wǎng)頁顯示。進一步的,所述方法還包括系統(tǒng)預先設(shè)置的密碼強度驗證規(guī)則,實時接收來自普通表單類型的密碼輸入框的輸入信息,每接收到一個輸入字符,即將已接收到的表單輸入信息與密碼強度驗證規(guī)則進行對比,并輸出驗證結(jié)果到網(wǎng)頁顯示。本發(fā)明還公開了一種網(wǎng)頁表單輸入信息驗證裝置,包括輸入焦點檢測模塊,檢測輸入焦點,當輸入焦點移入或移出表單時,判斷所述表單類型,根據(jù)表單類型發(fā)送相應(yīng)消息通知aeratext輸入框綁定模塊或普通表單綁定模塊;aeratext輸入框綁定模塊,當輸入焦點移入aeratext輸入框類型表單時,實時接收來自類型為aeratext輸入框的表單的輸入信息,將當前已獲取的表單輸入信息發(fā)送到驗證模塊;從驗證模塊獲取驗證結(jié)果,根據(jù)驗證結(jié)果輸出反饋信息到網(wǎng)頁顯示;普通表單綁定模塊,接收來自普通類型的表單的輸入信息,當接收到來自輸入焦點檢測模塊發(fā)送的輸入焦點移出所述表單的消息后,將獲取的表單輸入信息發(fā)送到驗證模塊;從驗證模塊獲取驗證結(jié)果,根據(jù)驗證結(jié)果輸出反饋信息到網(wǎng)頁顯示;驗證模塊,保存預先設(shè)置的各表單驗證規(guī)則,從aeratext輸入框綁定模塊及普通表單綁定模塊接收表單輸入信息,將接收到的表單輸入信息與所述表單對應(yīng)的驗證規(guī)則進行對比驗證,反饋驗證結(jié)果到aeratext輸入框綁定模塊或普通表單綁定模塊;其中,所述aeratext輸入框為用戶每輸入一個字符,即需要對已獲取的表單輸入信息進行驗證的表單;所述普通表單為當輸入焦點移出表單后,才需要對表單輸入信息進行驗證的表單。進一步的,所述裝置還包括密碼強度提示模塊,保存預先設(shè)置的密碼強度驗證規(guī)則,實時接收來自普通表單類型的密碼輸入框的輸入信息,每接收到一個輸入字符,即將已接收到的表單輸入信息與密碼強度驗證規(guī)則進行對比,并輸出驗證結(jié)果到網(wǎng)頁顯示。進一步的,所述輸入焦點檢測模塊還包括表單輸入提示單元,保存各表單輸入提示信息,根據(jù)所檢測到的輸入焦點所在的表單,將所述表單對應(yīng)的表單輸入提示信息輸出到網(wǎng)頁顯示。
本發(fā)明的網(wǎng)頁表單輸入信息驗證方法及裝置在獲取一個表單輸入信息后即對所述表單輸入信息進行驗證并輸出反饋信息顯示,這樣可以使得用戶在每填寫一個表單的內(nèi)容后都可以即時獲得驗證結(jié)果反饋,便于用戶及時修改填寫錯誤,提升了 web應(yīng)用交互中用戶的感受,同時也提高了交互效率。
圖1是具體實施例1網(wǎng)頁表單輸入信息驗證方法流程圖;圖2是具體實施例2網(wǎng)頁表單輸入信息驗證裝置結(jié)構(gòu)圖。
具體實施例方式為使本發(fā)明更加清楚,下面給出具體實施例并結(jié)合附圖詳細說明。具體實施例1本實施例為本發(fā)明的網(wǎng)頁表單輸入信息驗證方法的一種優(yōu)選實施方式,具體流程如圖1所示,包括1、系統(tǒng)實時檢測輸入焦點位置;2、當檢測到輸入焦點移入一個表單時,將預先設(shè)置的所述表單的表單輸入提示信息輸出到網(wǎng)頁顯示;所述表單輸入提示信息包括所述表單輸入格式、內(nèi)容要求;3、接收所述表單的表單輸入信息;4、判斷所述表單的類型是否是aeratext輸入框;如果是,執(zhí)行步驟5、否則執(zhí)行步驟6 ;所述aeratext輸入框為用戶每輸入一個字符,即需要對已獲取的表單輸入信息進行驗證的表單;5、每接收一個輸入字符,即將當前已獲取的表單輸入信息與所述表單對應(yīng)的驗證規(guī)則進行對比驗證;獲得驗證結(jié)果,執(zhí)行步驟7 ;其中,所述驗證規(guī)則及表單與驗證規(guī)則的對應(yīng)關(guān)系預先設(shè)置并保存到系統(tǒng)中,一個表單所對應(yīng)的驗證規(guī)則可以是一個或多個或沒有對應(yīng)的驗證規(guī)則;6、系統(tǒng)檢測到輸入焦點移出所述表單時,將獲取的表單輸入信息與所述表單對應(yīng)的驗證規(guī)則進行對比驗證,獲得驗證結(jié)果,執(zhí)行步驟7 ;7、根據(jù)驗證結(jié)果輸出反饋信息到網(wǎng)頁顯示;8、系統(tǒng)實時接收來自普通表單類型的密碼輸入框的輸入信息,每接收到一個輸入字符,即將已接收到的表單輸入信息與預先設(shè)置的密碼強度驗證規(guī)則進行對比,并輸出驗證結(jié)果到網(wǎng)頁顯示。具體實施例2本實施例為本發(fā)明的網(wǎng)頁表單輸入信息驗證裝置的一種優(yōu)選實施方式,具體結(jié)構(gòu)如圖2所示,包括輸入焦點檢測模塊,檢測輸入焦點位置,當輸入焦點移入或移出表單時,判斷所述表單類型,根據(jù)表單類型發(fā)送相應(yīng)消息通知aeratext輸入框綁定模塊或普通表單綁定模塊;
aeratext輸入框綁定模塊,當輸入焦點移入aeratext輸入框類型表單時,實時接收來自類型為aeratext輸入框的表單的輸入信息,將當前已獲取的表單輸入信息發(fā)送到驗證模塊;從驗證模塊獲取驗證結(jié)果,根據(jù)驗證結(jié)果輸出反饋信息到網(wǎng)頁顯示;普通表單綁定模塊,接收來自普通類型的表單的輸入信息,當接收到來自輸入焦點檢測模塊發(fā)送的輸入焦點移出所述表單的消息后,將獲取的表單輸入信息發(fā)送到驗證模塊;從驗證模塊獲取驗證結(jié)果,根據(jù)驗證結(jié)果輸出反饋信息到網(wǎng)頁顯示;驗證模塊,保存預先設(shè)置的各表單驗證規(guī)則,從aeratext輸入框綁定模塊及普通表單綁定模塊接收表單輸入信息,將接收到的表單輸入信息與所述表單對應(yīng)的驗證規(guī)則進行對比驗證,反饋驗證結(jié)果到aeratext輸入框綁定模塊或普通表單綁定模塊;密碼強度提示模塊,保存預先設(shè)置的密碼強度驗證規(guī)則,實時接收來自普通表單類型的密碼輸入框的輸入信息,每接收到一個輸入字符,即將已接收到的表單輸入信息與密碼強度驗證規(guī)則進行對比,并輸出驗證結(jié)果到網(wǎng)頁顯示。其中,所述aeratext輸入框為用戶每輸入一個字符,即需要對已獲取的表單輸入信息進行驗證的表單;所述普通表單為當輸入焦點移出表單后,才需要對表單輸入信息進行驗證的表單;所述驗證模塊保存的預先設(shè)置的各表單驗證規(guī)則包括,價格規(guī)則、價格區(qū)間、數(shù)值規(guī)則、下拉菜單是否被選擇、姓名規(guī)則、用戶名規(guī)則、密碼規(guī)則、二次密碼輸入規(guī)則、電子郵箱規(guī)則、身份證號碼規(guī)則、手機號規(guī)則、標簽規(guī)則,輸入字符長度規(guī)則。其中,所述輸入焦點檢測模塊包括輸入焦點檢測單元,檢測輸入焦點所在位置,判斷輸入焦點是否移入或移出表消息發(fā)送單元,根據(jù)輸入焦點檢測單元所檢測到的輸入焦點所在位置及移入或移出表單狀態(tài)判斷表單類型;發(fā)送相應(yīng)消息到所述aeratext輸入框綁定模塊或普通表單綁定模塊;表單輸入提示單元,保存各表單輸入提示信息,根據(jù)所檢測到的輸入焦點所在的表單,將所述表單對應(yīng)的表單輸入提示信息輸出到網(wǎng)頁顯示。為對本發(fā)明裝置進行更好的說明,下面對本實施例所述裝置的工作流程進行簡要說明1、輸入焦點檢測單元實時檢測輸入焦點所在位置,當檢測到輸入焦點移入某個表單時,通知消息發(fā)送單元及表單輸入提示單元;2、表單輸入提示單元將所述表單的表單輸入提示信息輸出到網(wǎng)友顯示;所述表單輸入提示信息預先設(shè)置并保存到表單輸入提示單元中;3、消息發(fā)送單元判斷所述表單類型,如果是aeratext輸入框,執(zhí)行步驟4,如果是普通表單執(zhí)行步驟6 ;4、消息發(fā)送單元通知aeratext輸入框綁定模塊接收所述表單的表單輸入信息;5、aeratext輸入框綁定模塊接收所述表單的表單輸入信息,每接收一個輸入字符,即將當前已獲取的表單輸入信息發(fā)送到驗證模塊;執(zhí)行步驟11 ;6、消息發(fā)送單元通知普通表單綁定模塊接收所述表單的表單輸入信息;7、普通表單綁定模塊接收所述表單的表單輸入信息;
7
8、當輸入焦點檢測單元檢測到輸入焦點移出所述表單時,通知消息發(fā)送單元;9、消息發(fā)送單元消息通知普通表單綁定模塊;10、普通表單綁定模塊將獲取的表單輸入信息發(fā)送到驗證模塊;11、驗證模塊將接收到的表單輸入信息與所述表單對應(yīng)的驗證規(guī)則進行對比驗證;獲得驗證結(jié)果并反饋給對應(yīng)的aeratext輸入框綁定模塊或普通表單綁定模塊;12、aerateXt輸入框綁定模塊或普通表單綁定模塊根據(jù)驗證結(jié)果輸出反饋信息到網(wǎng)頁顯示;13、密碼強度提示模塊檢測密碼輸入框表單的輸入情況,當發(fā)現(xiàn)密碼輸入框表單有輸入信息時,實時接收表單輸入信息,每接收一個輸入字符,已接收到的表單輸入信息與密碼強度驗證規(guī)則進行對比,并輸出驗證結(jié)果到網(wǎng)頁顯示。本領(lǐng)域的一般技術(shù)人員顯然應(yīng)該清楚并且理解,本發(fā)明方法所舉的以上實施例僅用于說明本發(fā)明方法,而并不用于限制本發(fā)明方法。在不背離本發(fā)明方法的精神及其實質(zhì)的情況下,本領(lǐng)域技術(shù)人員當可根據(jù)本發(fā)明方法做出各種相應(yīng)的改變或變形,但這些相應(yīng)的改變或變形均屬于本發(fā)明方法的權(quán)利要求保護范圍。
權(quán)利要求
1.一種網(wǎng)頁表單輸入信息驗證方法,其特征在于,包括 系統(tǒng)檢測到輸入焦點移入一個表單時,接收表單輸入信息;將獲取的所述表單輸入信息與預先設(shè)置的所述表單對應(yīng)的驗證規(guī)則進行對比驗證; 根據(jù)驗證結(jié)果輸出反饋信息在網(wǎng)頁顯示。
2.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述將獲取的所述表單輸入信息與預先設(shè)置的所述表單對應(yīng)的驗證規(guī)則進行對比驗證包括每獲取一個輸入字符,即將當前已獲取的輸入信息與所述表單對應(yīng)的驗證規(guī)則進行對比驗證。
3.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述將獲取的所述表單輸入信息與預先設(shè)置的所述表單對應(yīng)的驗證規(guī)則進行對比驗證包括系統(tǒng)檢測到輸入焦點移出所述表單時,將獲取的輸入信息與所述表單對應(yīng)的驗證規(guī)則進行對比驗證。
4.根據(jù)權(quán)利要求1或2或3所述的方法,其特征在于,所述方法還包括系統(tǒng)檢測輸入焦點移入一個表單時,將預先設(shè)置的所述表單的表單輸入提示信息輸出到網(wǎng)頁顯示。
5.根據(jù)權(quán)利要求1或2或3所述的方法,其特征在于,所述表單輸入信息驗證規(guī)則包括價格規(guī)則、價格區(qū)間、數(shù)值規(guī)則、下拉菜單是否被選擇、姓名規(guī)則、用戶名規(guī)則、密碼規(guī)則、二次密碼輸入規(guī)則、電子郵箱規(guī)則、身份證號碼規(guī)則、手機號規(guī)則、標簽規(guī)則,輸入字符長度規(guī)則。
6.根據(jù)權(quán)利要求1或2或3所述的方法,其特征在于,還包括系統(tǒng)預先設(shè)置密碼強度驗證規(guī)則,實時接收來自普通表單類型的密碼輸入框的輸入信息,每接收到一個輸入字符,即將已接收到的表單輸入信息與密碼強度驗證規(guī)則進行對比, 并輸出驗證結(jié)果到網(wǎng)頁顯示。
7.—種網(wǎng)頁表單輸入信息驗證裝置,其特征在于,包括輸入焦點檢測模塊,檢測輸入焦點,當輸入焦點移入或移出表單時,判斷所述表單類型,根據(jù)表單類型發(fā)送相應(yīng)消息通知aeratext輸入框綁定模塊或普通表單綁定模塊;aeratext輸入框綁定模塊,當輸入焦點移入aeratext輸入框類型表單時,實時接收來自類型為aeratext輸入框的表單的輸入信息,將當前已獲取的表單輸入信息發(fā)送到驗證模塊;從驗證模塊獲取驗證結(jié)果,根據(jù)驗證結(jié)果輸出反饋信息到網(wǎng)頁顯示;普通表單綁定模塊,接收來自普通類型的表單的輸入信息,當接收到來自輸入焦點檢測模塊發(fā)送的輸入焦點移出所述表單的消息后,將獲取的表單輸入信息發(fā)送到驗證模塊; 從驗證模塊獲取驗證結(jié)果,根據(jù)驗證結(jié)果輸出反饋信息到網(wǎng)頁顯示;驗證模塊,保存預先設(shè)置的各表單驗證規(guī)則,從aeratext輸入框綁定模塊及普通表單綁定模塊接收表單輸入信息,將接收到的表單輸入信息與所述表單對應(yīng)的驗證規(guī)則進行對比驗證,反饋驗證結(jié)果到aeratext輸入框綁定模塊或普通表單綁定模塊;其中,所述aeratext輸入框為用戶每輸入一個字符,即需要對已獲取的表單輸入信息進行驗證的表單;所述普通表單為當輸入焦點移出表單后,才需要對表單輸入信息進行驗證的表單。
8.根據(jù)權(quán)利要求7所述的裝置,其特征在于,還包括密碼強度提示模塊,保存預先設(shè)置的密碼強度驗證規(guī)則,實時接收來自普通表單類型的密碼輸入框的輸入信息,每接收到一個輸入字符,即將已接收到的表單輸入信息與密碼強度驗證規(guī)則進行對比,并輸出驗證結(jié)果到網(wǎng)頁顯示。
9.根據(jù)權(quán)利要求7或8所述的裝置,其特征在于,所述輸入焦點檢測模塊包括 表單輸入提示單元,保存各表單輸入提示信息,根據(jù)所檢測到的輸入焦點所在的表單,將所述表單對應(yīng)的表單輸入提示信息輸出到網(wǎng)頁顯示。
10.根據(jù)權(quán)利要求7或8所述的裝置,其特征在于,所述驗證模塊保存的預先設(shè)置的各表單驗證規(guī)則包括價格規(guī)則、價格區(qū)間、數(shù)值規(guī)則、下拉菜單是否被選擇、姓名規(guī)則、用戶名規(guī)則、密碼規(guī)則、二次密碼輸入規(guī)則、電子郵箱規(guī)則、身份證號碼規(guī)則、手機號規(guī)則、標簽規(guī)則,輸入字符長度規(guī)則。
全文摘要
本發(fā)明提供了一種網(wǎng)頁表單輸入信息驗證方法,包括,系統(tǒng)檢測到輸入焦點移入一個表單時,接收表單輸入信息;將獲取的所述表單輸入信息與預先設(shè)置的所述表單對應(yīng)的驗證規(guī)則進行對比驗證;根據(jù)驗證結(jié)果輸出反饋信息在網(wǎng)頁顯示。此外,本發(fā)明還公開了一種與所述方法向適應(yīng)的網(wǎng)頁表單輸入信息驗證裝置,使用本發(fā)明的技術(shù)方案,可以使得用戶在每填寫一個表單的內(nèi)容后都可以即時獲得驗證結(jié)果反饋,便于用戶及時修改填寫錯誤,提升了web應(yīng)用交互中用戶的感受,同時也提高了交互效率。
文檔編號H04L29/06GK102324004SQ201110139018
公開日2012年1月18日 申請日期2011年5月26日 優(yōu)先權(quán)日2011年5月26日
發(fā)明者謝詩圓 申請人:重慶豬八戒網(wǎng)絡(luò)有限公司