實現要求:   判斷用戶是否修改了輸入的內容,要能判斷input中的checkbox,text,radio等,不知道會多少個input,也不 " /> 欧美日韩片,黄网视频在线观看,亚洲第一精品福利

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

驗證用戶是否修改過頁面的數據的實現方法

起因:
  在實現程序的修改模塊時,要在頁面端檢查用戶是否修改過數據,以便提醒用戶及時保存修改后的數據。

實現要求:
  判斷用戶是否修改了輸入的內容,要能判斷input中的checkbox,text,radio等,不知道會多少個input,也不知道input的ID和name,要在客戶端判斷是否修改,不能產生提交。還要同時滿足IE和firefox兩種環境。也要支持master和content頁的使用。

解決方案;
  處理思路:在頁面加載時記錄所有的input的值或狀態,如果要求在用戶進行修改操作時立即調整控件狀態,則在數據區div上的onclick和onkeypress事件里調用檢查數據是否改變的函數,并設置相應控件的狀態(用ha_setch())。如果是在提交或用戶手動控制檢查過程時,則在相應的操作事件中調用檢查數據是否改變(例在button的onclick()中使用ha_checkin()控制提交)。

  以下是實現代碼
var ha_last=new Array;//定義一個全局的空對象,存放所有的初始值。
function ha_get()//讀取初始值
{ var ha_input = document.getElementsByTagName("input");
for (var i=0;i<ha_input.length;i++)
{
if (ha_input[i].type=="password"){ ha_last.push(ha_input[i].value);}//根本頁面需要設置type的值和對象屬性
if (ha_input[i].type=="radio") {ha_last.push(ha_input[i].checked);}//要保證檢查的范圍是否準確
}
}
window.onload=ha_get;//綁定讀取初始值的函數
function ha_checkin()//檢查新的輸入值和初始值是否相等。返回判斷結果。true為沒有發生修改,false為有修改。
{ var ha_now=new Array;
var ha_input = document.getElementsByTagName("input");
for (var i=0;i<ha_input.length;i++)
{
if (ha_input[i].type=="password"){ ha_now.push(ha_input[i].value);}//根本頁面需要設置type的值和對象屬性。
if (ha_input[i].type=="radio") {ha_now.push(ha_input[i].checked);}//也要保證和ha_get()中檢查的標簽相一致
}
if (ha_now.toString()==ha_last.toString())//沒修改
{return true;}
else//有修改
{return false;}
}
function ha_setch(){//設置相應的控件狀態
if (ha_checkin())//沒有變化
   //改變控件的顯示和功能狀態
else//有變化
   //改變控件的顯示和功能狀態
}

  注:以上解決方案只在IE6和firefox3.0。2中測試并通過。沒有在其它的瀏覽器中測試。

JavaScript技術驗證用戶是否修改過頁面的數據的實現方法,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 美女视频免费看一区二区 | 婷婷久草 | 日韩久久网 | 综合色99| 亚洲国产成人综合精品2020 | 99国产精品免费视频 | 九九99九九在线精品视频 | 香蕉大久久 | 日本视频网站在线www色 | 六月综合网 | 在线播放色 | 一区二区三区国产精品 | 在线一区二区观看 | 大象蕉国产情侣 | 视频91在线| 美女被男人桶免费网站 | 国产精品视频免费 | 亚洲不卡影院 | 成人精品视频 | 黑人巨大videos极度另类 | 欧美黑人巨大日本人又爽又色 | 亚洲视频一二三 | 午夜黄色小视频 | 精品久久中文网址 | 性夜黄a爽爽免费视频国产 性夜影院爽黄e爽痛轻点www | 国产在线播放91 | 免费真实播放国产乱子伦 | 黄色高清视频 | 婷婷狠狠| 久久福利青草精品免费 | 成年人福利视频 | 国产91麻豆视频 | 五月开心激情 | 色播视频在线观看免费 | 中文乱码精品一区二区三区 | 精品国产九九 | 精品精品国产自在久久高清 | 在线青草 | 99视频在线观看视频一区 | a毛片全部播放免费视频完整18 | 欧美激情亚洲激情 |