html中,怎样用js或者jQuery去判断文本框输入的文本内容超过了文本框的宽度。

如题所述

首先你要设定好文本框宽度,然后手动输入字符(最好用数字)来确定文本框有中能输入多少个数字。
一个数字、一个英文字母 = 1个字节
一个汉字 = 2个字节
有了以上信息:我们就可以用js或jquery去获取文本框中的文本,计算文本框中有多少个字节。
假设:
文本框宽 = 30像素 实际可以写入10个数字也就是10个字节,多于10就超出文本框的款度。
再假设文本框中输入:123abc字节数
用js通进正则我们找出汉字个数 乘以 2 就是汉字所占的字节,加上非汉字的字符(全角符号也是2个字节),上例中一个有12个字节
我们知道现文本框中 >10字符就超出了文本框宽度。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-06-20

首先,文本框的宽度是根据像素来定的,文本框中的字体 是根据设置 来实现的。

文本框中的字体,有外边距,当多个字在文本框中,加起来多少像素就不得而知了。

所以楼主这个问题,从根本的层次上 是很不方便实现的,实现了也未必精确。

 

如果楼主是想判定在文本框中有多少个字符的话,可以使用正则表达式。

当文本框失去焦点时调用以下function  //失去焦点时间:onmouseout

function checkinput(id){
    var check = "^\d{1,13}$";
    var val = document.getElementById(id);
    //其中1代表至少有一个字符,13代表 字符数不能超过13个;
    if(!check.exec(val)){
        alert("数据不合法!");
    }
}

第2个回答  2013-06-20
你是想实现文本框随着输入的内容自动变宽吗?无论怎样你可以参考下面的代码。
function changeInputLength()
{
  document.getElementById("txtauto").size = document.getElementById("txtauto").value.length+2;
}
第3个回答  2013-06-20
为什么要这么判断那?

HTML表单里怎样用JS检查checkbox勾选了并且文本框有内容
这个是用jQuery判断的,其中的id是需要你修改的当然你也可以用class。而这个判断如果直接写在js里因为只判断一次所以当你改变的时候也许会判断错误,在判断之前要交一个复选框改变时间或者文本框改变事件,也就是change()时间。合在一起就是 ("#复选框的id").click(function(){ if($("#id").att...

怎么用js或jquery使得div内超过一定字符串个数最后一行用省略号替代
参数 start必需。要抽取的子串的起始下标。length可选。子串中的字符数。示例代码如下 创建Html元素 <div class="box"><span>点击按钮后只显示前10个汉字:<\/span><br><div class="content"><p>我是一段足够长的内容。是的,我是一段足够长的内容;不错,我就是一段足够长的内容;毫无疑问,...

JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值?_百度知 ...
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的<script>标签,输入jquery代码:('body').append('height: ' + $(document).height() + '<br\/>');('body').append('width: ' + $(document).width());3、浏览器运行index.html页面,此时会打...

在做html页面时,怎样检测、提示用户输入数据的对错
用javascript进行判断,例如jQuery得validator插件等可以做到。不过html端的验证不靠谱,后台还是要验证的。因为js这东西运行在浏览器端,很容易就跳过js的检查了。

js或者jquery限制input输入字节
绑定文本框的change事件 ("input").change(function(){ var value=$(this).val(); if(value.length>10){ \/\/ 内容超长了 alert("长度不能大于10") return false; } else if(value.length<4){ \/\/ 提示长度要大于4 alert("长度要大于4"); }});...

js或者jquery如何获取自适应宽度的具体值
scrollTop 网页被卷去的左: document.body.scrollLeft 网页正文部分上: window.screenTop 网页正文部分左: window.screenLeft 屏幕分辨率的高: window.screen.height 屏幕分辨率的宽: window.screen.width 屏幕可用工作区高度: window.screen.availHeight 屏幕可用工作区宽度: window.screen.availWidth ...

用jquery 怎么获取文本框内输入的文字字数
<input type="text" value="some text"\/> ("input").val();结果是:some text 至于判断字数部分,你可以javascript来做就可以了 还有类似功能的2个函数 <div><p>Hello<\/p><\/div> ("div").html();结果是:Hello <p><b>Test<\/b> Paragraph.<\/p><p>Paraparagraph<\/p> ("p").text(...

js或者jquery 能不能判断网页内容是否在当前窗口显示
1、得到网页滚动条滚动高度和滚动宽度:$(window).scrollTop(), $(window).scrollLeft()2、得到网页的宽高:$(window).width(),$(window).height()3、计算当前网页显示区域的结算点:网页宽高分别加上滚动条滚动的宽高得到结束点 4、计算当前网页显示区域的起始点:就是网页滚动条的滚动值 5、得到...

...整数并且整数不能大于6,用javascript或者jquery实现,急啊,求大神...
不知道楼主是要一位整数还是多位,我这个代码是多位的。如果要一位整数,楼主直接用 下拉列表框(select) 就好了。<body> <input type="text" id="test"> <\/body> <script type="text\/javascript" src="Inc\/jquery.js"><\/script> <script type="text\/javascript"> (function(){ ("#test")...

如何用js或者jquery获取input框里面的值
处理表单的时候通常会通过获取input中的值来进行比较判断,或者赋值,对于前端的验证用到比较多,那么怎么获取input中的值呢?通过js来获取input的值的准备工作首先建立一个静态页面命名为getvalue.html,标题为“如何用js或者jquery获取input框里面的值”。建立一个form name为"form1",并添加...

相似回答