您的位置：首页 > 编程技术 > ASP.NET  >  .NET+JS对用户输入内容进行字数提示功能的实例代码

.NET+JS对用户输入内容进行字数提示功能的实例代码

 更新时间：2021年9月22日 10:14  点击：1703

第一步：以下是核心代码，在页面引用或进行封装都可。

复制代码 代码如下:

<script language="javascript" type="text/javascript">      

  function textLimitCheck(thisArea, maxLength, SpanId)      

  {

  if (thisArea.value.length > maxLength)          

  {               

  thisArea.value = thisArea.value.substring(0, maxLength);              

  thisArea.focus();          

  }          

  /*回写span的值，当前填写文字*/ 

  var varss='（剩余字数：'+(maxLength-thisArea.value.length)+'）';     

  document.getElementById(SpanId).innerHTML =varss;      

  }  

  </script>


第二步：文本框应用此函数
复制代码 代码如下:

<asp:TextBox ID="txtOwner_Name" runat="server" Width="250px" MaxLength="50"  onkeyup="textLimitCheck(this,50,'spOwner_Name')" BackColor="Info"></asp:TextBox>

<span id="spOwner_Name" style="color: gray"><em>（50字以内）</em></span>

[!--infotagslink--]

相关文章

  • php错误提示 open_basedir restriction in effect 解决

    今天在帮助一个朋友配置一台服务器时发现网站配置好了缓存目录读写不成功，在打开错误时发现提示 Warning: file_exists() [function.file-exists]: open_basedir restr...2016-11-25

  • php 获取用户IP与IE信息程序

    php 获取用户IP与IE信息程序 function onlineip() { global $_SERVER; if(getenv('HTTP_CLIENT_IP')) { $onlineip = getenv('HTTP_CLIENT_IP');...2016-11-25

  • php简单用户登陆程序代码

    php简单用户登陆程序代码 这些教程很对初学者来讲是很有用的哦，这款就下面这一点点代码了哦。 <center> <p>&nbsp;</p> <p>&nbsp;</p> <form name="form1...2016-11-25

  • 解决Antd Table表头加Icon和气泡提示的坑

    这篇文章主要介绍了解决Antd Table表头加Icon和气泡提示的坑，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-17

  • mysql提示Changed limits: max_open_files: 2048 max_connections: 1910 table_cache: 64的解决

    在windows下安装Mysql系统日志出现max_open_files: 2048 max_connections: 510 table_cache: 764 类似错误是因为 max_connections 最大连接数和max_open_files、table_cache 不匹配。适当的降低max_connections 或调...2014-05-31

  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08

  • php有效防止同一用户多次登录

    【问题描述】：同一用户在同一时间多次登录如果不能检测出来，是危险的。因为，你无法知道是否有其他用户在登录你的账户。如何禁止同一用户多次登录呢？ 【解决方案】 (1) 每次登录，身份认证成功后，重新产生一个session_id。 s...2015-11-24

  • vue:el-input输入时限制输入的类型操作

    这篇文章主要介绍了vue:el-input输入时限制输入的类型操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-05

  • js检测用户输入密码强度

    一个用Javascript检测用户输入密码强度的效果代码，以下代码主要是从以下四个方面检测用户输入的密码的强度的，有兴趣的朋友可以自己添加或修改成自己想要的形式！ 1. 如果输入的密码位数少于5位，那么就判定为弱。 2. 如果...2015-10-23

  • php ajax注册验证用户名是否存在代码

    这是注册程序是一款当用户输入完用户名是，就会自动去数据库中查询用户要注册的用户名是否己经被注册了，如果是返回提示否则提示可以注册。 conn.php文件 代...2016-11-25

  • JavaScript实现输入框(密码框)出现提示语

    有时候我们需要在登陆表单有一些提示语言，比如“请输入用户名”和“请输入密码”等语言，通过本文给大家介绍JavaScript实现输入框(密码框)出现提示语的相关知识，对js实现输入框提示相关知识感兴趣的朋友一起学习吧...2016-01-14

  • 详解pycharm的python包opencv（cv2）无代码提示问题的解决

    这篇文章主要介绍了详解pycharm的python包opencv（cv2）无代码提示问题的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-01-29

  • jQuery实现用户输入自动完成功能

    本文介绍了jQuery实现用户输入自动完成功能的方法。具有很好的参考价值，下面跟着小编一起来看下吧...2017-02-19

  • js滑动提示效果代码分享

    这篇文章主要为大家分享了js滑动提示效果代码，实现方法简单，感兴趣的小伙伴们可以参考一下...2016-03-12

  • 微信小程序用户授权最佳实践指南

    这篇文章主要给大家介绍了关于微信小程序用户授权最佳实践的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-05-08

  • 原生JS实现登录框邮箱提示

    这篇文章主要为大家详细介绍了原生JS实现登录框邮箱提示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-10-18

  • 简单php cookie用户登录实例

    cookie 的用途之一是存储用户在特定网站上的密码和 id。另外，也用于存储起始页的首选项。在提供个人化查看的网站上，将要求阁下的网络浏览器利用阁下计算机硬驱上的少量...2016-11-25

  • C# Hook钩子实例代码 截取键盘输入

    C# Hook钩子实例代码之截取键盘输入，需要的朋友可以参考下...2020-06-25

  • MySQL验证用户权限的方法

    知识归纳因为MySQL是使用User和Host两个字段来确定用户身份的，这样就带来一个问题，就是一个客户端到底属于哪个host。 如果一个客户端同时匹配几个Host，对用户的确定将按照下面的优先级来排 基本观点越精确的匹配越优先...2015-11-08

  • sqlserver添加sa用户和密码的实现

    这篇文章主要介绍了sqlserver添加sa用户和密码的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-05-07