输入文字自动变化宽度的INPUT,带计数（图）

随着输入文字的多少自动变化宽度的INPUT，带计数

function checkLength(which) {
var maxchar=20;
var oTextCount = document.getElementById("char");
iCount = which.value.replace(/[^\u0000-\u00ff]/g,"aa").length;
if(iCount"+ iCount+"";
which.style.border = '1px dotted #FF0000';
which.size=iCount+2;
}
else alert("请不要超过"+maxchar);
}

0个字符

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 输入文字自动变化宽度的INPUT,带计数（图）

    输入文字自动变化宽度的INPUT,带计数（图）

    随着输入文字的多少自动变化宽度的INPUT,带计数 function checkLength(which) { var maxchar=20; var oTextCount = document.getElementById("char"); iCount = which.value.replace(/[^\u0000-\u00ff]/g,"aa").length; if(iCount"+ iCount+""; which.style.

  • js textarea自动下拉(带计数)图

    js textarea自动下拉(带计数)图

    document.onkeydown=function() { str=a.value.replace(/[^x00-xff]/g,"aa") b.innerHTML=str.length+1 if(str.length+1>150) { a.style.overflow="visible" } } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • 可输入文字查找ajax下拉框控件 ComBox的实现方法

    GooFunc.js文件 //获取一个DIV的绝对坐标的功能函数,即使是非绝对定位,一样能获取到 function getElCoordinate(dom) { var t = dom.offsetTop; var l = dom.offsetLeft; dom=dom.offsetParent; while (dom) { t += dom.offsetTop; l += dom.offsetLeft; dom=dom.offsetParent; }; return { top: t, lef

  • Angular实现的敏感文字自动过滤与提示功能示例

    本文实例讲述了Angular实现的敏感文字自动过滤与提示功能.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net angular敏感文字自动过滤</title> <script src="angul

  • vue 输入电话号码自动按3-4-4分割功能的实现代码

    输入框绑定 <input class="inputBox" type="phone" placeholder=" 请输入手机号" maxlength="13" v-model="phoneNum"/> 监听事件,每次号码发生改变时触发 大体的逻辑是:先比较号码变化前后的长度,判断是输入还是删除,如果是输入的话,利用正则表达式改变号码格式. watch: { phoneNum (newValue,

  • JS输入用户名自动显示邮箱后缀列表的方法

    本文实例讲述了JS输入用户名自动显示邮箱后缀列表的方法.分享给大家供大家参考.具体如下: 以下是代码,保存到html文件打开: 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>输入用户名自动显示邮箱后缀列表</title> <script type="text/javascript" src=&q

  • JS实现自动变化的导航菜单效果代码

    JS实现自动变化的导航菜单效果代码

    本文实例讲述了JS实现自动变化的导航菜单效果代码.分享给大家供大家参考.具体如下: 自动变化的JS导航菜单,按照时间自动切换,有需要的参考一下. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-auto-cha-nav-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww

  • jQuery实现统计输入文字个数的方法

    本文实例讲述了jQuery实现统计输入文字个数的方法.分享给大家供大家参考.具体如下: jQuery统计输入文字个数可以使用在统计回复字数,标题字数长度提示,增加友好度提高用户体验.代码如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; char

  • jQuery实现手机号正则验证输入及自动填充空格功能

    本文实例讲述了jQuery实现手机号正则验证输入及自动填充空格功能.分享给大家供大家参考,具体如下: 先来看看运行效果(在删除时连删即可): 具体代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <inpu

  • 如何实现在下拉菜单里输入文字？

    如何实现在下拉菜单里输入文字?<script>function pp(){se.options[2]=new Option(ok=(se.options[2])?se.options[2].innerText+String.fromCharCode(event.keyCode):String.fromCharCode(event.keyCode),"client")se.selectedIndex=2;} function edit(){if(se.options[2]){

随机推荐