asp.net中JavaScript数据验证实现代码
程序员文章站
2024-03-07 18:22:21
今天在做一个数据修改的页面,页面上有一个dropdownlist控件,绑定的是实体中的重要属性,我希望用户在修改该控件值的时候,提示用户,他修改了该控件的值。所以为该下拉控...
今天在做一个数据修改的页面,页面上有一个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了 囧....