js中表單事件 formUtil

2022-01-16 13:09:58 字數 2215 閱讀 8665

disabled--獲取或者設定表單控制項是否禁用

form--指向特定的字段

focus()--游標聚集事件

blur()--游標移開事件

submit()--提交事件

select()---全選事件

onchange()--改變事件

onfocus()--事件

注意formutil的封裝事件使用!

文字框中:---最多顯示10個,且最大只有100個上限

自動切換**:      

var formutil = new

object();

formutil.tableforward=function

(otextbox)}}

}}

};

掌握textutil的事件封裝:   

var textutil=new

object();//建立物件

var eventutil=new

object();

//判斷是否達到最大長度

textutil.isnotmax=function

(otextarea)

//返回非在範圍內的字元-阻止使用者用ctrl+v進行貼上

textutil.blockchars=function

(otextbox,oevent,bblockpaste)

else}//

只能輸入0-9之間的數字

textutil.allowchars=function

(otextbox,oevent,bblockpaste)

else

}//失去焦點時的驗證

textutil.blurblock=function

(otextbox)

}}//保證文字框中每乙個字元都是有效的

textutil.blurallow=function

(otextbox)

}}//

利用上下按鍵調整大小

textutil.numbericscroll=function

(otextbox,oevent)

}else

if(oevent.keycode==40)

}}

列表框和組合框的封裝:

var  listutil=new

object();//設定列表的物件

//獲取選中的選項的索引指

listutil.getselectedindexes=function

(olistbox)

}return

arrindex;}//

新增選項

listutil.add=function

(olistbox,sname,svalue)

//刪除選項

listutil.delete=function

(olistbox,index)

//移動選項從原節點刪除,並在放入指定位置

listutil.move=function

(orignlistbox,olistboxto,index)}//

重排上移

listutil.shiftup=function

(olistbox,index)}//

重排下移

listutil.shiftdown=function

(olistbox,index)

}window.onload=function

()

/*alert(olistbox.options[0].getattribute("value"));

alert(olistbox.options[0].index);

alert(olistbox.options.length);

alert("選中的為:"+olistbox.selectedindex);

*/textutil.autosuggsetmatch=function(stext,arrvalues)--要匹配的文字以及要進行匹配的陣列

{var  arrresult=new array;

if(stext!="")

{for(var i=0;i

18-21

22-25

26-29

30-35

over 35

18-21

22-25

失焦事件觸發 js中表單的聚焦失焦事件

焦點事件 不是所有元素都有焦點事件,只有可互動性的元素才有,比如表單元素,a標籤。頁面中只能有乙個元素有焦點,乙個聚焦,另乙個就失焦,預設在document。例子結構如下 js操作如下 1.form.txt1.focus 讓元素獲得焦點,該方法不會觸發onfocus 事件。2.form.txt1.n...

js 強校驗 弱校驗 js中表單的校驗

首先我們需要先建立 html 靜態頁面 的註冊頁面 建立完整個登錄檔 然後寫校驗公共的方法 提取公共的部分 function check id,reg else if reg.test val else 然後其他元素呼叫公共方法 校驗使用者名稱方法 function checkname return...

html中表單使用總結

html中表單使用總結 1.表單的標準格式 其中method的值可以使get或者是post 區別在於get請求時,資料大小不能超過2k,同時請求的內容會出現在位址列上。post請求時,一般請求資料不能超過8m 但是可以通過設定加大。同時請求引數放在主體中,不會被看到。隱蔽性好。action是請求的u...