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了 囧....

相关文章

  • asp.net实现Gradview绑定数据库数据并导出Excel的方法

    asp.net实现Gradview绑定数据库数据并导出Excel的方法

    这篇文章主要介绍了asp.net实现Gradview绑定数据库数据并导出Excel的方法,涉及asp.net操作Gradview实现数据库绑定及数据导出的相关技巧,非常简单实用,需要的朋友可以参考下
    2015-11-11
  • ASP.NET站点导航应用详解

    ASP.NET站点导航应用详解

    这篇文章主要内容是ASP.NET站点导航,主要包括站点导航以及动态修改内存中的站点地图,感兴趣的小伙伴们可以参考一下
    2015-09-09
  • vs2008最近打开的项目清除方法

    vs2008最近打开的项目清除方法

    vs2008最近的打开的项目,这个功能是挺方便的,不过本人不想看到它,于是乎想要清楚掉他,搜集整理了一些实用操作步骤,感兴趣的你可不要错过了哈
    2013-02-02
  • ASP.NET页面请求处理介绍

    ASP.NET页面请求处理介绍

    ASP.NET页面请求处理介绍,需要的朋友可以参考下
    2012-12-12
  • .NET实现工资管理系统

    .NET实现工资管理系统

    这篇文章主要为大家详细介绍了.NET实现工资管理系统,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01
  • Ajax实现异步刷新验证用户名是否已存在的具体方法

    Ajax实现异步刷新验证用户名是否已存在的具体方法

    由于要做一个注册页面,看到许多网站上都是使用Ajax异步刷新验证用户名是否可用的,所以自己也动手做一个小实例
    2014-02-02
  • ASP.NET将Session保存到数据库中的方法

    ASP.NET将Session保存到数据库中的方法

    因为ASP.NET中Session的存取机制与ASP相同,都是保存在进行中, 一旦进程崩溃,所有Session信息将会丢失,所以我采取了将Session信息保存到SQL Server中,尽管还有其它的
    2013-08-08
  • asp.net控件DataList分页用法

    asp.net控件DataList分页用法

    这篇文章主要介绍了asp.net控件DataList分页用法,实例分析了asp.net使用DataList控件实现分页功能的设置与数据操作技巧,需要的朋友可以参考下
    2016-05-05
  • Asp.net MVC下使用Bundle合并、压缩js与css文件详解

    Asp.net MVC下使用Bundle合并、压缩js与css文件详解

    在web优化中有一种手段,压缩js,css文件,减少文件大小,合并js,css文件减少请求次数。asp.net mvc中为我们提供一种使用c#代码压缩合并js和css这类静态文件的方法。这篇文章主要介绍了在Asp.net MVC下使用Bundle合并、压缩js与css文件的方法,需要的朋友可以参考下。
    2017-03-03
  • DropDownList设置客户端事件思路

    DropDownList设置客户端事件思路

    这篇文章主要介绍了DropDownList设置客户端事件思路,需要的朋友可以参考下
    2015-09-09

最新评论