HTML文本框的值改变后触发后台代码的方法
<asp:TextBox ID="txtDate" CssClass="Wdate" Style="width: 91px;" runat="server"
onfocus="WdatePicker({maxDate:'%y-%M-%d',isShowClear:false,readOnly:true})"
onpropertychange="showValue(this.value)" ></asp:TextBox>
日
<asp:HiddenField ID="hiddenDate" runat="server"
OnValueChanged="hiddenDate_ValueChanged"
EnableViewState="false" />
<div style="display: none;">
<asp:ImageButton ID="btnHid" runat="server"
ImageUrl="~/Resource/images/Btn_Find.gif"
CausesValidation="false" align="absmiddle"
OnClick="btnHid_Click" />
</div>
如果要实现这个目的,肯定要用到后台代码,也需要用到javascript代码。javascript代码
如下:
<script type="text/javascript">
//记录用户上一次输入的日期。
var today = new Date();
var todayMonth;
var todayDate;
//格式化当前“月”,“日”格式。
if ((today.getMonth() + 1) < 10) {
todayMonth = "0" + (today.getMonth() + 1);
}
if (today.getDate() < 10) {
todayDate = "0" + today.getDate();
}
//获得当前的日期。
var oldValue = https://www.jb51.net/Health/archive/2012/02/10/today.getFullYear() +"-" + todayMonth + "-" + todayDate;
function showValue(obj) {
//当查询日期不为空时,就触发查询按钮。
if (obj != "" && obj != oldValue) {
oldValue = https://www.jb51.net/Health/archive/2012/02/10/obj;
$('#txtName').get(0).select();
$("#hiddenDate").val(obj);
$('#btnHid').trigger("click");
return false;
}
}
</script>
javascript代码主要是判断当前选中日期不为空,并且是选择的一个新日期。才会触发一个
隐藏控件的OnValueChanged,也可以触发一个按钮事件,都可以达到目的。日期控件的事件
就是 onpropertychange="showValue(this.value)"用javascript代码。
下面就是后台代码了:
//根据用户选择的时间查询。
protected void hiddenDate_ValueChanged(object sender, EventArgs e)
{
//后台代码
}
//根据用户选择的时间查询。
protected void btnHid_Click(object sender, ImageClickEventArgs e)
{
//后台代码
}
这两个都可以用。
这篇博文只要说明的是怎么用前台非服务器控件文本框(虽然本篇博文用的是服务器控件,但
是HTML控件也是一样的效果。),文本的改变触发后台事件,以执行后台代码。
相关文章
- 有一种方法,可以不打开网站而直接查看到这个网站的源代码.. 这样可以有效地防止误入恶意网站... 在浏览器地址栏输入: view-source:http://...2016-09-20
- <?php require('path.inc.php'); header('content-Type: text/html; charset=utf-8'); $borough_id = intval($_GET['id']); if(!$borough_id){ echo ' ...2016-11-25
- 本文实例讲述了JS基于Mootools实现的个性菜单效果代码。分享给大家供大家参考,具体如下:这里演示基于Mootools做的带动画的垂直型菜单,是一个初学者写的,用来学习Mootools的使用有帮助,下载时请注意要将外部引用的mootools...2015-10-23
- 本文实例讲述了JS+CSS实现分类动态选择及移动功能效果代码。分享给大家供大家参考,具体如下:这是一个类似选项卡功能的选择插件,与普通的TAb区别是加入了动画效果,多用于商品类网站,用作商品分类功能,不过其它网站也可以用,...2015-10-21
- 本文实例讲述了JS实现自定义简单网页软键盘效果。分享给大家供大家参考,具体如下:这是一款自定义的简单点的网页软键盘,没有使用任何控件,仅是为了练习JavaScript编写水平,安全性方面没有过多考虑,有顾虑的可以不用,目的是学...2015-11-08
- php 取除连续空格与换行代码,这些我们都用到str_replace与正则函数 第一种: $content=str_replace("n","",$content); echo $content; 第二种: $content=preg_replac...2016-11-25
- php简单用户登陆程序代码 这些教程很对初学者来讲是很有用的哦,这款就下面这一点点代码了哦。 <center> <p> </p> <p> </p> <form name="form1...2016-11-25
- 公司一些wordpress网站由于下载的插件存在恶意代码,导致整个服务器所有网站PHP文件都存在恶意代码,就写了个简单的脚本清除。恶意代码示例...2015-10-23
- 本文实例讲述了JS实现双击屏幕滚动效果代码。分享给大家供大家参考,具体如下:这里演示双击滚屏效果代码的实现方法,不知道有觉得有用处的没,现在网上还有很多还在用这个特效的呢,代码分享给大家吧。运行效果截图如下:在线演...2015-10-30
- 其实挺简单的就是if(navigator.userAgent.indexOf('UCBrowser') > -1) {alert("uc浏览器");}else{//不是uc浏览器执行的操作}如果想测试某个浏览器的特征可以通过如下方法获取JS获取浏览器信息 浏览器代码名称:navigator...2015-11-08
- 一、日期减去天数等于第二个日期function cc(dd,dadd){//可以加上错误处理var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 60 * 60 * 1000a = new Date(a)alert(a.getFullYear() + "年" + (a.getMonth() +...2015-11-08
- 微信支付,即便交了保证金,你还是处理测试阶段,不能正式发布。必须到你通过程序测试提交订单、发货通知等数据到微信的系统中,才能申请发布。然后,因为在微信中是通过JS方式调用API,必须在微信后台设置支付授权目录,而且要到...2014-05-31
- 本文实例讲述了PHP常用的小程序代码段。分享给大家供大家参考,具体如下:1.计算两个时间的相差几天$startdate=strtotime("2009-12-09");$enddate=strtotime("2009-12-05");上面的php时间日期函数strtotime已经把字符串...2015-11-24
- 小编分享了一段简单的php中文转拼音的实现代码,代码简单易懂,适合初学php的同学参考学习。 代码如下 复制代码 <?phpfunction Pinyin($_String...2017-07-06
php导出csv格式数据并将数字转换成文本的思路以及代码分享
php导出csv格式数据实现:先定义一个字符串 存储内容,例如 $exportdata = '规则111,规则222,审222,规222,服2222,规则1,规则2,规则3,匹配字符,设置时间,有效期'."/n";然后对需要保存csv的数组进行foreach循环,例如复制代...2014-06-07- ecshop商品无限级分类代码 function cat_options($spec_cat_id, $arr) { static $cat_options = array(); if (isset($cat_options[$spec_cat_id]))...2016-11-25
- 本文介绍了如何延迟javascript代码的加载,加快网页的访问速度。 当一个网站有很多js代码要加载,js代码放置的位置在一定程度上将会影像网页的加载速度,为了让我们的网页加载速度更快,本文总结了一下几个注意点...2013-10-13
- 这篇文章主要介绍了js实现文本框输入文字个数限制代码,文本框输入的文字个数并不是无限制的,一般都会限定一个输入最高上限,如何限制,请看本文...2015-12-27
- 这篇文章主要介绍了C#实现windows form限制文本框输入的方法,涉及C#限制文本框输入的技巧,非常具有实用价值,需要的朋友可以参考下...2020-06-25
- 这篇文章主要介绍了vue项目,代码提交至码云,iconfont的用法说明,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-30