关于模板页调用js的问题

首先看下面两段代码

    <script type="text/javascript">$(function () {$("#txtname").blur(function () {var username = $(this).val();if (username != "") {$.post("/handler/Validatename.ashx", { "name": username }, function (date) {$("#msg").text(date)});}else {$("#msg").text("用户名不能为空");}});});</script>

   <asp:TextBox ID="txtname" runat="server"  style="width: 500px;" class="inputtext"></asp:TextBox>

这段代码显然是异步判断用户名是否存在，但是在网页运行的时候，调试发现，JS并没有执行，但是代码并没有错误，既然js没有执行，但是js的语法并没有错误，那么说明，一定是没有取到txtname，但是显然我们的id=“txtname”为什么没有取到呢？原来是因为，我们这段代码，是用了web的母版页的，我们不妨可以运行页面，查看网页源代码

    <input name="ctl00$ContentPlaceHolder1$txtname" type="text" id="ContentPlaceHolder1_txtname" class="inputtext" style="width: 500px;" />

网页把我们的代码翻译成了上述的情况了，那么我们怎么办呢？其实很简单！
因为在JS中，.ClientID是输出生成的静态页的ID，所以我们只要将代码中的

js中的$("#txtname")改为$('#<%=txtname.ClientID%>')

转载于:https://www.cnblogs.com/guyali/p/5552755.html

关于模板页调用js的问题相关推荐

NET中winform与webform互相通讯实例,CS调用BS页面的JS函数---转载
原创:.NET中winform与webform互相通讯实例,CS调用BS页面的JS函数时间:2009-12-11 21:09:32 来源:原创作者:dodo - - 现在C#越来越多朋友使用了,大 ...
帝国cms：评论列表模板中调用热门文章或是推荐文章的js方法
后台管理评论模板里有评论的列表模板,想在评论列表模板中调用热门文章或是推荐文章,现在考虑到标签和js. 长知识:动态模板无法使用标签,所以标签在这里就pass了,专心搞js----> 1.后台= ...
帝国Cms列表页和内容页调用栏目名称与链接标签的说明(列表与标签模板)
帝国Cms列表页和内容页调用栏目名称与链接标签的说明(列表与标签模板) [!–this.classname–].[!–this.classlink–]是list.var里有效至于更多链接是:[!–t ...
子页面调用父页面的js方法或参数（iframe.contentWindow）
子页面调用父页面的js方法或参数子页面调用父页面的参数父页面调用子页面的参数或方法相关链接子页面调用父页面的参数 window.parent.aa();//调取aa函数 window.pare ...
使用node.js + express开发web应用笔记(3) - 模板页与局部视图
Vash 相对于jshtml提供了更好的文档,而且它的使用非常类似于ASP.NET MVC Razor引擎. 这是我选择它的原因模板页(Master Page)和局部视图(Partial View) ...
ASP.NET MVC3细嚼慢咽---(2)模板页
这一节演示下MVC3中怎样使用模板页,在传统的webform设计模式中,我们使用masterpage作为模板页,在MVC3 razor视图设计中,我们使用另一种方式作为模板页. 新建一个MVC3项目, ...
ASP.Net MVC开发基础学习笔记：五、区域、模板页与WebAPI初步
一.区域-麻雀虽小,五脏俱全的迷你MVC项目 1.1 Area的兴起为了方便大规模网站中的管理大量文件,在ASP.NET MVC 2.0版本中引入了一个新概念-区域(Area). 在项目上右击创建新 ...
ASP.Net MVC开发基础学习笔记（5）：区域、模板页与WebAPI初步
http://blog.jobbole.com/85008/ ASP.Net MVC开发基础学习笔记(5):区域.模板页与WebAPI初步 2015/03/17 · IT技术 · .Net, Asp. ...
mvc怎么套用html模板,ASP.NET MVC3模板页的使用（2）
本文为大家演示下MVC3中怎样使用模板页,在传统的webform设计模式中,我们使用masterpage作为模板页,在MVC3 razor视图设计中,我们使用另一种方式作为模板页. 新建一个MVC3项 ...

关于模板页调用js的问题

关于模板页调用js的问题相关推荐

最新文章

热门文章