用js检测表单中输入字符的长度

最新推荐文章于 2021-09-26 17:01:57 发布
最新推荐文章于 2021-09-26 17:01:57 发布
阅读量6k 收藏 4
点赞数 2
分类专栏： js 文章标签： 用js检测表单中输入字符的长度
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/feilong_1212/article/details/8623587
版权

总共思路可分为2部分。

1、获取表单中输入的字符

2、计算获取字符的长度

3、分析超过100个长度的给出提示。

<html>

<head>
<meta charset="utf-8"/>
<script>
function a(){
var hd=document.getElementById('zf').value;
var cot=hd.length;
if(cot>100){
document.getElementById('le').innerHTML="你当前输入超过了100个字符，请谨慎";
}
else{
document.getElementById('le').innerHTML="你当前输入了"+cot+"字符";
}
}

</script>
</head>
<body>
<textarea cols="10" rows="20" id="zf" οnkeyup="a()"></textarea><br/>
<span id="le"></span>
</body>
</html>

温建江
关注
专栏目录
JavaScript 算法题：字符串长度
一个字，学
05-05 187
给定一行长度不超过 100 的字符串，请你求出它的具体长度。
javascript 判断中文字符长度的函数代码
10-27
在很多时候,我们在进行数据提交数据库时.先会用javascript对其进行有效性验证.如一个中文javascript为的length是1.但是数据库中会占二个字节.容易出错
JavaScript表单验证——检验字符长度，错误次数限制锁定注册和解锁
Bruce_Json的博客
08-19 924
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form action="" metho
js控制表单输入的长度
齐枫的博客
04-15 2075
js控制表单 &lt;body&gt; &lt;p&gt;在文本框中尝试输入触发函数。&lt;/p&gt; &lt;input type="text" id="myInput" &gt; &lt;p id="demo"&gt;&lt;/p&gt; &lt;script&gt; var a = document.getEle
提交表单前判断字符长度
智在居士草堂
01-28 2182
Oracle的varchar2最多保存4000个字节的字符，我们也不想要更多的内容来保存信息。因此，在上传文字的时候，需要对textarea进行判断。这里唯一的难点是中文字符和其它字符混合存在使得判断问题。这是个js判断的函数，来解决上述问题：function updateone(atype){var s=document.postForm.content.value;var n=0;for (i
js表单验证，多字段长度校验
一个人的价值取决于所在位置
01-28 1994
在开发中，有时会遇到几十或一百多甚至更多的字段都需要做长度校验。我们不可能一个字段一个字段的去写，然后我发现input中有maxLength属性可以做到类似的，但是问题是中文字符占2个长度，使用maxLength就不符合条件了。只能通过js来校验了，但是如果字段比较多的话校验起来比较麻烦。所以记录一下解决方法。 HTML部分代码 &lt;td align="right"&gt; &l...
js 限制表单输入长度 汉字为两个字符
12-09
将该效果整合成了一个函数，此函数接受3个参数： 第一个为textarea或其他text表单的ID；...限制表单输入长度 汉字为两个字符 最多输入20个汉字 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
JavaScript获取中英文混合字符串长度的方法示例
10-20
在JavaScript中，处理中英文混合的字符串长度是一个常见的需求，特别是在网页表单验证或文本处理时。由于中文字符和英文字符在计算机内部表示的方式不同，一个英文字符通常占用1个字节，而一个中文字符则占用2个字节...
js如何判断输入字符串长度
10-23
尤其是在涉及到数据库表字段长度限制时，如果用户输入的数据超过了设定的最大字符长度，将会导致提交失败。因此，在用户实际提交之前，就需要有一个验证机制来判断输入字符串的长度。 在HTML和JavaScript中，可以...
js form表单input框限制20个字符，10个汉字代码实例
10-17
本文档提供的示例代码演示了如何通过JavaScript限制HTML form表单中input输入框的字符长度，具体地限制为20个字符，相当于10个汉字。 知识点一：JavaScript在表单验证中的应用 JavaScript是一种广泛用于客户端的...
js验证表单 js验证表单
12-19
js表单验证控制代码大全 /* 目录: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字 5:只能输入英文字符和数字 6: js email验证 、js 判断email 、信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证、判断密码 2.1: js 不为空、为空或不是对象 、判断为空 、判断不为空 2.2:比较两个表单项的值是否相同 2.3:表单只能为数字和"_", 2.4:表单项输入数值/长度限定 2.5:中文/英文/数字/邮件地址合法性判断 2.6:限定表单项不能输入的字符 2.7表单的自符控制 1. 检查一段字符串是否全由数字组成 2. 怎么判断是否是字符 3. 怎么判断是否含有汉字 4. 邮箱格式验证 5. 数字格式验证 6. 电话号码格式验证 7. 判断输入是否为中文的函数 8. 综合的判断用户输入的合法性的函数 9. 判断密码是否输入一致 10. 判断用户名是否为数字字母下滑线 2.8:form文本域的通用校验函数 */ 1. 长度限制 function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符！"); document.a.b.focus(); return false; } } 2. 只能是汉字 3." 只能是英文 function onlyEng() { if(!(event.keyCode>=65&&event.keyCode<=90)) event.returnvalue=false; } 4. 只能是数字 function onlyNum() { if(!((event.keyCode>=48&&event.keyCode=96&&event.keyCode<=105))) //考虑小键盘上的数字键 event.returnvalue=false; } 5. 只能是英文字符和数字 6. 验证油箱格式 function isEmail(strEmail) { if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) return true; else alert("oh"); } 7. 屏蔽关键字(这里屏蔽***和****) function test() { if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){ alert(":)"); a.b.focus(); return false;} } <form name=a
js限制textarea每行输入字符串长度的代码
10-27
text通常我们可以直接用maxlength属性来控制输入的字符会长度
JS限制textbox或textarea输入字符长度
bangpie20080219的博客
07-27 213
<script language=javascript> <!-- String.prototype.len=function(){ return this.replace(/[^\x00-\xff]/g,"**").length; } //Set maxlength for multiline TextBox function setMaxLength(object,...
html表单验证字符长度为6,原生js实现表单的正则验证（验证通过后才可提交）...
weixin_39610631的博客
06-20 679
实现了如下功能：1.用户名：onfouc显示msg规则；onkeyup计算字符，其中中文为两个字符；onblur，验证是否通过2.邮箱：onblur 正则匹配，正则是根据自己的需求写的，可以根据个人需求更改3..密码：onkeyup时显示密码的强弱度，onblur时验证密码，是否为相同字符，是否全字符，或全数字，长度是否符合要求4.确认密码：验证是否和上一次一致5.提交按钮只有在全部input验证...
js限制字符长度
为天加朵云...
08-01 2322
 长度限制<!--function test() {if(document.a.b.value.length>50){alert("不能超过50个字符！");document.a.b.focus();return false;}}// -->
javascript判断textarea输入文字的长度
getpartystart
11-12 417
&lt;textarea rows="4" cols="30" id="test" onKeyUp="textLimitCheck(this, 250);"&gt;&lt;/textarea&gt; &lt;br/&gt;(限 250 个字符 已输入 &lt;font color="#CC0000"&gt;&lt;span i
JS限制字符长度及特殊符号不能输入
r_rcgz的专栏
10-11 2118
var name=$('#company').val(); //这里可以用纯JS或者其他JS库,本例为Jquery if(name!=""){   var regular = /^([^\`\+\~\!\#\$\%\^\&\*\(\)\|\}\{\=\"\'\！\￥\……\（\）\——]*[\+\~\!\#\$\%\^\&\*\(\)\|\}\{\=\"\'\`\！\?\:\\尠“\”\；\
使用js实现textarea文本域长度,限制输入字数并统计剩余输入字符数
徊忆羽菲
09-26 1078
使用js实现textarea文本域长度,限制输入字数并统计剩余输入字符数输入框 输入框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function getStringUTFLength(str) { var value = str.replace
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值