validform驗證框架中遇到的一點點問題記錄

2021-07-10 14:04:14 字數 1591 閱讀 9645

在註冊頁面時  通常會用到validforn這一類似的驗證框架,最近在用這個框架的時候遇到一點問題,簡單的做個記錄,便於自己以後檢視:

其實這類框架的使用是很簡單的,但有時候出了問題除錯的時候,卻不能快速的找到關鍵的點解決問題,這次

首先遇到的問題就是:提示資訊沒有顯示在表單的末尾,而是顯示在整個表單的最下方的,這樣看起來不是很舒服,後來在除錯時發現是tiptype這個屬性在控制,tiptype

可用的值有:1、2、3、4和function函式,預設tiptype為1. 3、4是5.2.1版本新增

1=> 自定義彈出框提示;

2=> 側邊提示(會在當前元素的父級的next物件的子級查詢顯示提示資訊的物件,表單以ajax提交時會彈出自定義提示框顯示表單提交狀態);

3=> 側邊提示(會在當前元素的siblings物件中查詢顯示提示資訊的物件,表單以ajax提交時會彈出自定義提示框顯示表單提交狀態);

4=> 側邊提示(會在當前元素的父級的next物件下查詢顯示提示資訊的物件,表單以ajax提交時不顯示表單的提交狀態);

如果上面的4種提示方式不是你需要的,你可以給tiptype傳入自定義函式。通過自定義函式,可以實現你想要的任何提示效果:

tiptype:function(msg,o,cssctl),

//obj指向的是當前驗證的表單元素(或表單物件,驗證全部驗證通過,提交表單時o.obj為該表單物件),

//type指示提示的狀態,值為1、2、3、4, 1:正在檢測/提交資料,2:通過驗證,3:驗證失敗,4:提示ignore狀態,

//curform為當前form物件;

//cssctl:內建的提示資訊樣式控制函式,該函式需傳入兩個引數:顯示提示資訊的物件 和 當前提示的狀態(既形參o中的type);

}tiptype不為1時,validform會查詢class為"validform_checktip"的標籤顯示提示資訊。tiptype=1時,會自動建立彈出框顯示提示資訊。

validform_checktip和表單元素之間的位置關係,會根據tiptype的值有對應的結構,上面已經做了說明。

5.3版本開始,如果頁面裡沒有顯示出錯資訊的標籤,會根據tiptype值自動建立validform_checktip物件。

上面這個問題解決了以後,第二個問題來了,就是顯示在控制項右邊的提示資訊樣式顏色這些不對,全部都是黑色的,後來發現是沒有style。css裡面沒有引入相應的樣式,其實這在validform官方文件的第一句話就說明了的,對自己也是真夠無語的,居然沒看到。。。。。。然後把對應的css加入進去後,樣式問題解決了。

第三個問題是:註冊時會涉及到使用者名稱的校驗去查詢資料庫,這個在這個框架裡面也有很好的體現,通過ajaxurl這個屬性來控制的,在該屬性裡面新增一條查詢資料庫的url位址,即可完美解決,但是在返回的時候,大家要注意一下,我之前返回的是json物件msg:。。。。和status:。。。這兩個,結果返回到頁面上的資訊無法顯示到頁面上去,後來去看demo,發現裡面返回的json名稱是info:...和status:.... 於是按照demo去改過來後就好了.

這次遇到的問題本身是比較小的問題,但是確實還是花了我一些時間來處理這些問題,總結一下就是如果以後再遇到類似的問題,多研究下demo,裡面很多東西都是有了的.  能快速的將效果做出來,才是王道. 

ValidForm 表單驗證外掛程式

ajaxurl 實時驗證功能.例,ajaxurl path user user randnum.json 驗證碼是否輸入成功 public void randnum else model.setmessage systemstatuscode.operate ok,get success 驗證成功 ...

JSValidate驗證框架

三.節點說明 節點說明 validation config 根節點 屬性 lang 所用的語言,可以是 auto zh cn 簡體中文 或者 en us 英文 預設為auto,可選。子節點 form,乙個或多個 form 虛擬表單,通過id對映網頁中的表單 屬性 id 對映網頁表單中的id,通過這個...

Validator驗證框架

轉validator驗證 框架 struts1.2中創 建驗證框架的步驟 1 在struts config.xml 檔案中新增下列內容 plug in classname org.apache.struts.validator.validatorplugin set property propert...