asp.net中JavaScript數(shù)據(jù)驗(yàn)證實(shí)現(xiàn)代碼
更新時間：2010年05月21日 02:37:40 作者：
我對JavaScript一直不了解。常常為了一點(diǎn)點(diǎn)的數(shù)據(jù)驗(yàn)證和無刷新就去動用AJAX，實(shí)在不爽——有點(diǎn)殺雞用牛刀的感覺。
今天在做一個數(shù)據(jù)修改的頁面，頁面上有一個DropDownList控件，綁定的是實(shí)體中的重要屬性，我希望用戶在修改該控件值的時候，提示用戶，他修改了該控件的值。所以為該下拉控件加上了如下語句。
DDLmaterial.Attributes.Add("onchange", "alert('注意：您修改了物品類型!')");
似乎不錯，不僅有提示效果，也不需要刷新頁面?？墒钱?dāng)我打開頁面進(jìn)行測試的時候就發(fā)現(xiàn)了問題，當(dāng)我把下拉控件的值改回原值的時候，它還是會出現(xiàn)提示，這樣明顯會給用戶一種莫名其妙的感覺。怎么辦呢，用AJAX 進(jìn)行服務(wù)端驗(yàn)證？這想法太邪惡了，我決定嘗試用JS在客戶端實(shí)現(xiàn)。
實(shí)現(xiàn)的算法很簡單，首先我去搜索當(dāng)頁面加載后立刻執(zhí)行JS的方法，用于獲取下拉控件綁定數(shù)據(jù)后的初始值。借助GOOGLE獲得了如下的成果
window.onload = function() {
var ddl= document.getElementById('DDLmaterial');
var first =ddl.options[ddl.selectedIndex].text;
}
我的理解如下：
第1行： 頁面載入后即執(zhí)行function()——function是關(guān)鍵字吧，怪怪的用法，暫不理他。
第2行： 通過控件ID獲取控件的對象,這個var有點(diǎn)object的感覺
第3行： 獲取控件當(dāng)前選中行的值
這下好了，再修改下代碼就實(shí)現(xiàn)我的要求了。
//后臺代碼
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>
總結(jié)一下：突然發(fā)現(xiàn)VS2008居然寫JS代碼的時候也有智能提示了（這實(shí)在太棒了，菜鳥的福音，JS代碼貌似是執(zhí)行到哪算到哪，出錯也不告訴你），看來我已經(jīng)OUT了 囧....
復(fù)制代碼 代碼如下:
DDLmaterial.Attributes.Add("onchange", "alert('注意：您修改了物品類型!')");
似乎不錯，不僅有提示效果，也不需要刷新頁面?？墒钱?dāng)我打開頁面進(jìn)行測試的時候就發(fā)現(xiàn)了問題，當(dāng)我把下拉控件的值改回原值的時候，它還是會出現(xiàn)提示，這樣明顯會給用戶一種莫名其妙的感覺。怎么辦呢，用AJAX 進(jìn)行服務(wù)端驗(yàn)證？這想法太邪惡了，我決定嘗試用JS在客戶端實(shí)現(xiàn)。
實(shí)現(xiàn)的算法很簡單，首先我去搜索當(dāng)頁面加載后立刻執(zhí)行JS的方法，用于獲取下拉控件綁定數(shù)據(jù)后的初始值。借助GOOGLE獲得了如下的成果
復(fù)制代碼 代碼如下:
window.onload = function() {
var ddl= document.getElementById('DDLmaterial');
var first =ddl.options[ddl.selectedIndex].text;
}
我的理解如下：
第1行： 頁面載入后即執(zhí)行function()——function是關(guān)鍵字吧，怪怪的用法，暫不理他。
第2行： 通過控件ID獲取控件的對象,這個var有點(diǎn)object的感覺
第3行： 獲取控件當(dāng)前選中行的值
這下好了，再修改下代碼就實(shí)現(xiàn)我的要求了。
//后臺代碼
DDLmaterial.Attributes.Add("onchange", "changeAlert()");
前端
復(fù)制代碼 代碼如下:
<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>
總結(jié)一下：突然發(fā)現(xiàn)VS2008居然寫JS代碼的時候也有智能提示了（這實(shí)在太棒了，菜鳥的福音，JS代碼貌似是執(zhí)行到哪算到哪，出錯也不告訴你），看來我已經(jīng)OUT了 囧....
您可能感興趣的文章:
- 如何使用JavaScript和正則表達(dá)式進(jìn)行數(shù)據(jù)驗(yàn)證
- Javascript級聯(lián)下拉菜單以及AJAX數(shù)據(jù)驗(yàn)證核心代碼
- js數(shù)據(jù)驗(yàn)證集合、js email驗(yàn)證、js url驗(yàn)證、js長度驗(yàn)證、js數(shù)字驗(yàn)證等簡單封裝
- JavaScript判斷表單提交時哪個radio按鈕被選中的方法
- JS定義網(wǎng)頁表單提交（submit）的方法
- Web表單提交之disabled問題js解決方法
- javascript 回車鍵觸發(fā)表單提交的問題
- 符合標(biāo)準(zhǔn)的js表單提交的代碼
- 可實(shí)現(xiàn)多表單提交的javascript函數(shù)
- 表單提交時自動復(fù)制內(nèi)容到剪貼板的js代碼
- 基于JavaScript實(shí)現(xiàn)帶數(shù)據(jù)驗(yàn)證和復(fù)選框的表單提交
相關(guān)文章
.NET某消防物聯(lián)網(wǎng)后臺服務(wù)內(nèi)存泄漏分析
這篇文章主要為大家介紹了.NET某消防物聯(lián)網(wǎng)后臺服務(wù)內(nèi)存泄漏分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
RabbitMQ是一個在AMQP基礎(chǔ)上完整的，可復(fù)用的企業(yè)消息系統(tǒng)，下面這篇文章主要給大家介紹了關(guān)于.Net使用RabbitMQ即時發(fā)消息的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下2018-07-07
為HttpClient添加默認(rèn)請求報(bào)頭的四種解決方案
這篇文章主要給大家介紹了關(guān)于為HttpClient添加默認(rèn)請求報(bào)頭的四種解決方案，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用HttpClient具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
這篇文章主要給大家介紹了關(guān)于.NET Core中依賴注入AutoMapper的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
Asp.NET?Core?WebApi?配置文件詳細(xì)說明
ASP.NET?Core?提供了一套靈活的配置系統(tǒng),允許開發(fā)者從多種來源加載配置數(shù)據(jù),并根據(jù)需要使用這些配置,這篇文章主要介紹了Asp.NET?Core?WebApi?配置文件,需要的朋友可以參考下2025-04-04
WPF關(guān)鍵幀動畫介紹與實(shí)現(xiàn)
這篇文章介紹了WPF關(guān)鍵幀動畫與實(shí)現(xiàn)方式，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-01-01
AspNetPager與Socut.Data使用實(shí)例代碼
最近對AspNetPager與Socut.Data這兩個控件產(chǎn)生了濃厚的興趣，這兩個控件配合可以減輕很多程序員編寫代碼的壓力。ASpNetPager為分頁控件，而Socut.Data為數(shù)據(jù)操作控件，ACCESS,MSSQL都可以。2008-07-07
.NET?Core?實(shí)現(xiàn)緩存的預(yù)熱的方式
本文介紹了緩存預(yù)熱在.NETCore應(yīng)用中的重要性以及如何實(shí)現(xiàn)緩存預(yù)熱,緩存預(yù)熱可以提升用戶體驗(yàn)、降低數(shù)據(jù)庫壓力、提高系統(tǒng)穩(wěn)定性,感興趣的朋友一起看看吧2025-03-03
ASP.NET Page函數(shù)調(diào)用順序解析
asp.net頁面事件執(zhí)行順序，需要的朋友可以參考下。2010-06-06
本文通過實(shí)例代碼給大家介紹了asp.net中通過button打開另一個frm的方法，非常不錯，需要的朋友參考下吧2016-12-12