asp.net中JavaScript數據驗證實現代碼

更新時間：2010年05月21日 02:37:40 作者：

我對JavaScript一直不了解。常常為了一點點的數據驗證和無刷新就去動用AJAX，實在不爽——有點殺雞用牛刀的感覺。

今天在做一個數據修改的頁面，頁面上有一個DropDownList控件，綁定的是實體中的重要屬性，我希望用戶在修改該控件值的時候，提示用戶，他修改了該控件的值。所以為該下拉控件加上了如下語句。

 
DDLmaterial.Attributes.Add("onchange", "alert('注意：您修改了物品類型!')"); 

似乎不錯，不僅有提示效果，也不需要刷新頁面。可是當我打開頁面進行測試的時候就發(fā)現了問題，當我把下拉控件的值改回原值的時候，它還是會出現提示，這樣明顯會給用戶一種莫名其妙的感覺。怎么辦呢，用AJAX 進行服務端驗證？這想法太邪惡了，我決定嘗試用JS在客戶端實現。
實現的算法很簡單，首先我去搜索當頁面加載后立刻執(zhí)行JS的方法，用于獲取下拉控件綁定數據后的初始值。借助GOOGLE獲得了如下的成果

復制代碼代碼如下:

 
window.onload = function() { 
var ddl= document.getElementById('DDLmaterial'); 
var first =ddl.options[ddl.selectedIndex].text; 
} 

我的理解如下：
第1行：頁面載入后即執(zhí)行function()——function是關鍵字吧，怪怪的用法，暫不理他。
第2行：通過控件ID獲取控件的對象,這個var有點object的感覺
第3行：獲取控件當前選中行的值
這下好了，再修改下代碼就實現我的要求了。
//后臺代碼
DDLmaterial.Attributes.Add("onchange", "changeAlert()");
前端

復制代碼代碼如下:

 
<script type ="text/javascript" > 
var first; 
var ddl; 
window.onload = function() { 
ddl= document.getElementById('DDLmaterial'); 
first =ddl.options[ddl.selectedIndex].text; 
} 
function changeAlert() { 
var sencond = ddl.options[ddl.selectedIndex].text; 
if (sencond != first) { 
alert("注意：您修改了物品類型!"); 
} 
} 
</script> 

總結一下：突然發(fā)現VS2008居然寫JS代碼的時候也有智能提示了（這實在太棒了，菜鳥的福音，JS代碼貌似是執(zhí)行到哪算到哪，出錯也不告訴你），看來我已經OUT了囧....

您可能感興趣的文章: