asp.net中JavaScript数据验证实现代码
更新时间：2010年05月21日 02:37:40 作者：
我对JavaScript一直不了解。常常为了一点点的数据验证和无刷新就去动用AJAX，实在不爽——有点杀鸡用牛刀的感觉。
今天在做一个数据修改的页面，页面上有一个DropDownList控件，绑定的是实体中的重要属性，我希望用户在修改该控件值的时候，提示用户，他修改了该控件的值。所以为该下拉控件加上了如下语句。
DDLmaterial.Attributes.Add("onchange", "alert('注意：您修改了物品类型!')");
似乎不错，不仅有提示效果，也不需要刷新页面。可是当我打开页面进行测试的时候就发现了问题，当我把下拉控件的值改回原值的时候，它还是会出现提示，这样明显会给用户一种莫名其妙的感觉。怎么办呢，用AJAX 进行服务端验证？这想法太邪恶了，我决定尝试用JS在客户端实现。
实现的算法很简单，首先我去搜索当页面加载后立刻执行JS的方法，用于获取下拉控件绑定数据后的初始值。借助GOOGLE获得了如下的成果
window.onload = function() {
var ddl= document.getElementById('DDLmaterial');
var first =ddl.options[ddl.selectedIndex].text;
}
我的理解如下：
第1行： 页面载入后即执行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>
总结一下：突然发现VS2008居然写JS代码的时候也有智能提示了（这实在太棒了，菜鸟的福音，JS代码貌似是执行到哪算到哪，出错也不告诉你），看来我已经OUT了 囧....
复制代码 代码如下:
DDLmaterial.Attributes.Add("onchange", "alert('注意：您修改了物品类型!')");
似乎不错，不仅有提示效果，也不需要刷新页面。可是当我打开页面进行测试的时候就发现了问题，当我把下拉控件的值改回原值的时候，它还是会出现提示，这样明显会给用户一种莫名其妙的感觉。怎么办呢，用AJAX 进行服务端验证？这想法太邪恶了，我决定尝试用JS在客户端实现。
实现的算法很简单，首先我去搜索当页面加载后立刻执行JS的方法，用于获取下拉控件绑定数据后的初始值。借助GOOGLE获得了如下的成果
复制代码 代码如下:
window.onload = function() {
var ddl= document.getElementById('DDLmaterial');
var first =ddl.options[ddl.selectedIndex].text;
}
我的理解如下：
第1行： 页面载入后即执行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>
总结一下：突然发现VS2008居然写JS代码的时候也有智能提示了（这实在太棒了，菜鸟的福音，JS代码貌似是执行到哪算到哪，出错也不告诉你），看来我已经OUT了 囧....
相关文章
这篇文章主要为大家介绍了.NET某消防物联网后台服务内存泄漏分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
RabbitMQ是一个在AMQP基础上完整的，可复用的企业消息系统，下面这篇文章主要给大家介绍了关于.Net使用RabbitMQ即时发消息的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下2018-07-07
这篇文章主要给大家介绍了关于为HttpClient添加默认请求报头的四种解决方案，文中通过示例代码介绍的非常详细，对大家学习或者使用HttpClient具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
这篇文章主要给大家介绍了关于.NET Core中依赖注入AutoMapper的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-01-01
ASP.NET Core 提供了一套灵活的配置系统,允许开发者从多种来源加载配置数据,并根据需要使用这些配置,这篇文章主要介绍了Asp.NET Core WebApi 配置文件,需要的朋友可以参考下2025-04-04
这篇文章介绍了WPF关键帧动画与实现方式，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-01-01
最近对AspNetPager与Socut.Data这两个控件产生了浓厚的兴趣，这两个控件配合可以减轻很多程序员编写代码的压力。ASpNetPager为分页控件，而Socut.Data为数据操作控件，ACCESS,MSSQL都可以。2008-07-07
本文介绍了缓存预热在.NETCore应用中的重要性以及如何实现缓存预热,缓存预热可以提升用户体验、降低数据库压力、提高系统稳定性,感兴趣的朋友一起看看吧2025-03-03
asp.net页面事件执行顺序，需要的朋友可以参考下。2010-06-06
本文通过实例代码给大家介绍了asp.net中通过button打开另一个frm的方法，非常不错，需要的朋友参考下吧2016-12-12
最新评论