踩坑-- 输入框字数校验

最新推荐文章于 2023-05-24 16:32:09 发布
原创 最新推荐文章于 2023-05-24 16:32:09 发布 · 424 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

测试人员发现，当从WPS中复制字数计数为1000的文本到textarea时，JavaScript的length属性无法正确识别，因为WPS的计数器不计算数字的长度。这导致了超出限制的字符未被正确报错。问题在于WPS的字数计数与字符数计数存在差异，对于字符长度校验的实现需考虑这种情况。

场景： 需求是一个textarea 文本框 要求校验最大长度不超过1000
---------校验方法里直接用js 获取字符串长度 length , 超过1000 报错
问题： 测试提出1000不能被正常报错，会校验报错

坑： 测试是在wps编辑文档里找到计数为1000的文本，复制进去文本框
重点： wps 的计数器 分字数和 字符数，他的字数是1000，但是字符数显示是1009，这个测试很少能发现，后面发现 wps 的计数器 不计算数字的长度！！！

UNIAPP----输入框字数限制统计，并超出换行
weixin_44126737的博客
07-31 4628
直接上代码： HTML <template> <view> <view class="shurukuang"> <textarea placeholder-style="color:#646464; font-size:24rpx" placeholder="请在这里输入文字介绍下你的商品" @input="desc
VUE使用el-ui关于el-table添加输入框自定义校验（VUE专栏二）
weixin_40690763的博客
06-03 1583
如图所示，在table表中，输入框填入后提交，校验输入框 <template> <el-form :model="request" ref="request" :rules="rules" class="demo-ruleForm"> <el-table :data="request.prodlist" style="width: 100%;mar...
校验输入框输入字符的数量
吴钦飞
10-30 1427
校验输入框输入字符的数量 <!-- 参考: http://www.cnblogs.com/lhb25/archive/2012/11/30/oninput-and-onpropertychange-event-for-input.html --> /*reset*/ * { margin: 0; padding: 0; color: #323232; } dl
js输入框提示输入字数校验
biubiubiubiubiu
11-01 1789
function compute(){     var content = jQuery(":input[id$='content']").val();     var size = 0;     if (jQuery.trim(content).length!=0) {         if (content.length             size = 500 - conten
javascript字数验证
04-15
在文本域中限制输入字数,如超过所设置的最大输入字数,则取前max个
js字数校验
一只程序猿
04-20 413
.word { position: absolute; right: 10px; bottom: 10px; color: #aaa; font-size: 12px; } ```html <tr> <td class="gt-td-title" style="width: 16%">建设单位名称</td> <td colspan="4">
文本验证字数
shi___zhan的博客
07-17 740
$newStr = preg_replace('/[^\x{4e00}-\x{9fa5}]/u', '', $data); $countstr = mb_strlen($newStr,"utf-8");  if($countstr&lt;5) { return ("不能小于5个字"); }
Android-多行文本输入框-字数统计-限制字数-LG-LinesEditView.zip
08-30
anaconda安装 Android_多行文本输入框_字数统计_限制字数_LG_LinesEditView.zip ...Android_多行文本输入框_字数统计_限制字数_LG_LinesEditView.zipAndroid_多行文本输入框_字数统计_限制字数_LG_LinesEditView.zip
iOS移动应用开发-Objective-C-Swift-UI组件-输入框控件-表情键盘-自适应布局-多场景适配-XJInputView框架-发布界面输入框-评论界面输入框-聊天界面.zip
最新发布
07-20
鬼灭之刃iOS移动应用开发_Objective-C_Swift_UI组件_输入框控件_表情键盘_自适应布局_多场景适配_XJInputView框架_发布界面输入框_评论界面输入框_聊天界面.zip
textarea验证字数
onemango的博客
04-28 491
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> </style> </head> ...
文本框只能输入数字的最牛的校验方式
行行
05-21 395
onkeypress="return event.keyCode&gt;=48&amp;&amp;event.keyCode&lt;=57" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" style="ime-mode:disabled" onkeypress=
textarea字数验证支持
康师父Blog
10-28 479
<div class="form-group"> <label class="col-sm-2 control-label">适用说明</label> <div class="col-sm-10" id="wordCount"> <textarea class="form-control" rows="3" name="info" id="description" maxlength="200"><.
JS输入文本框校验
Abracadabra__的博客
11-23 3087
1、IP地址： 正则表达式：var ip_reg = /^(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])$/; /* 是否是IP */ ...
汉字和字符组合的长度计算
weixin_30922589的博客
08-24 193
JS前台<script language="javascript" type="text/javascript"> //alert(len("1sS#符")) //英文、数字、符号均为一个字节,汉字为两个。 因此结果为 6 function getLen() { var s="我们HELLO"; var l = 0; var a = ...
验证textarea输入框字数限制,只作提示不作提交限制
qq_15941409的博客
01-16 6284
// 原创手写，多次测试可用，欢迎讨论 //代码仅依赖jQuery <div class="formControls col-xs-8 col-sm-9"> <!-- 核心代码 start--> <textarea name="tablemsg" cols="" rows="" class="textarea" placeholder="说点什么...
js校验输入框还可输入的字数
scanklm的专栏
01-26 1262
function checkLength(input) { // 获取可输入最大长度为140个汉字，一个汉字两个字符 var maxLength = 280; var reLen = 0; var reLen2 = 0; var length = parseInt(input.value.length); for (var i = 0; i {     // 如果是中文则长度为
JS 验证 用户输入的长度大于1000（中英文纯在的情况下）
ljw520204的专栏
09-29 1136
var len = 0;        for(i=0;i        {                  if(dealContent.charCodeAt(i)>256){                          len   +=   2;
js 正则表达式
weixin_46328739的博客
05-24 1103
邮箱正则
JS验证字符串长度问题
fan510988896的博客
02-08 2919
我们在做表单提交的时候，通常会限制某个文本框内容的长度。 方法： 比如备注的长度大于1000个字符就禁止提交表单： replace(/[^\x00-\xff]/g],"***").length>1000 if(remark.replace(/[^\x00-\xff]/g],"***").length>1000){ alert("备注长度超过限制，请重新填写"); retur
el-table表格输入框校验
12-18
el-table中的表格输入框校验通常是在使用Element UI库时，结合其表格组件和表单验证功能来实现的。Element UI提供了一个`el-form`组件和`el-form-item`用于创建表单，并可以设置`rules`属性来进行校验规则的配置。 例如，在`<el-table>`里，每个单元格对应一个`el-form-item`，你可以设置`type`为`input`，然后定义`rules`，比如必填、长度限制等： ```html <template> <el-form :inline="true"> <el-form-item v-for="(item, index) in tableData" :key="index" label="字段名" prop="fieldKey"> <el-input type="text" v-model="item.fieldKey" :rules="{ required: true, max: 50 }"></el-input> </el-form-item> </el-form> </template> <script> export default { data() { return { tableData: [ { fieldKey: '' }, // 示例数据 ], }; }, }; </script> ``` 在这个例子中，`required: true`表示字段不能为空，`max: 50`表示输入的最大字符数不超过50个。 当你提交表单时，`el-form`会自动触发验证，如果校验失败，相应的输入框旁边会出现提示信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值