Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >关于文本框输入长度验证实现

关于文本框输入长度验证实现

作者头像
小小许
发布于 2018-09-20 09:02:58
发布于 2018-09-20 09:02:58
1.2K00
代码可运行
举报
文章被收录于专栏:angularejs学习篇angularejs学习篇
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//使用说明  只需给要验证的文本框添加一个class属性为:textInputLimit   同时添加一个length属性--用于控制被限制的长度要求(这样自定义一个属性的目的是因为多文本输入不会有maxleng)
//根据多行class来限制文本框的输入长度
//将最大输入显示放在属性MaxLength中
function LimitTextInputByClass() {
    $(".textInputLimit").keydown(function () {
        try {
            var length = $(this).attr("length");
            if (length != null && length != "") {
                //判断MaxLength是否为正整数
                if (checkRate(length)) {
                    LimitMultText(this, length - 1);
                }
            }
        } catch (e) {
        }
    });
}
//对多行文本框输入长度方法实现
function LimitMultText(e, lengths) {
    var str_value = $(e).val();
    if (str_value.length > lengths) {
        str_value = str_value.substring(0, lengths);
    }
    $(e).val(str_value);
}
//判断一个书字符串是否为正整数
function checkRate(value) {
    var re = /^[1-9]+[0-9]*]*$/;
    if (!re.test(value)) {
        return false;
    }
    else {
        return true;
    }
} 
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2013-07-22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
100个常用的 JS 代码片段分享,值得你收藏
function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break } } return strre + "..." }
前端达人
2021/10/08
2.4K0
原生态纯JavaScript 100大技巧大收集---你值得拥有(51--100)
56、原生JavaScript全角半角转换,iCase: 0全到半,1半到全,其他不转化
用户1272076
2019/03/26
1.4K0
知识总结:常用正则表达式正则表达式
正则表达式 常用正则表达式大全!(例如:匹配中文、匹配html) 匹配中文字符的正则表达式: [u4e00-u9fa5]  评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包
牛客网
2018/04/28
1K0
常用正则表达式
/^([0-9]{1,}\.[0-9]{1,}|[0-9]{1,})$/    数字或小数点
Java架构师必看
2020/04/22
6810
常用正则
我发现,一个人在放弃给别人留好印象的负担之后,原来心里会如此踏实。——严歌苓 分享一点常用正则 /** * 邮箱 * @param {*} s */ export function isEmail (s) { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } /** * 手机号码 * @param {*} s */ export function isMobile (s
阿超
2022/08/16
5180
js工具函数大全 || 实用篇
“ 关注 前端开发社区 ,回复 '领取资源',免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步
前端老道
2020/05/29
4.8K0
js工具函数大全 || 实用篇
C#常见正则表达式
"^\d+$" //非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\d+)|(0+))$" //非正整数(负整数 + 0) "^-[0-9]*[1
恋喵大鲤鱼
2018/08/03
7660
JavaScript 中常用和必备的一些工具类函数
10、获取小程序链接的地址栏参数 GetWxMiniProgramUrlParam
跟着飞哥学编程
2022/11/18
4790
java正则表达式大全
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:"^[0-9]*$"。 只能输入n位的数字:"^\d{n}$"。 只能输入至少n位的数字:"^\d{n,}$"。 只能输
静谧星空TEL
2021/04/27
1.4K0
JavaScript 103 条技能
1、原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr
guanguans
2018/04/27
9060
iOS小技能:提取数字(文本框对粘贴内容进行手机号码提取)
前言 使用手机进行登录注册的时候,需要对粘贴的内容进行手机号码提取。 应用场景:登陆界面、注册界面 文本输入框对手机号码的处理逻辑: 1、推荐对粘贴内容进行提取设置 2、键盘为UIKeyboardTypeNumberPad即可 3、提交数据之前才进行正则的校验(或者只判断是否长度为11) I、实现细节 1.1. 提取手机号码 +(NSString*)getPhoneNoWithLength:(NSInteger)length WithStr:(NSString*)truePhone{
公众号iOS逆向
2022/08/22
1.3K0
iOS小技能:提取数字(文本框对粘贴内容进行手机号码提取)
【Flutter 专题】64 图解基本 TextField 文本输入框 (一)
和尚最近在学习基础的 Flutter Widget,原因在于很多基础的组件有很多容易忽视的注意事项,了解并熟悉后对整体的开发认知会有所提升;今天和尚学习一下 TextField 文本输入框;
阿策小和尚
2019/10/22
5.1K0
Vue中常用的校验规则
1、是否合法IP地址 export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.
用户7043603
2022/02/27
1.6K0
easyui validate 后 使用ajax提交
<form id="gfxwjForm" name="gfxwjForm" action="" method="post" enctype="multipart/form-data"> <div class="win_body_cln_1"> 名&nbsp;&nbsp;称:<input class="easyui-textbox" id="txt_mc" name="txt_mc" data-options="required:true" missingMessage="不能为空!" style="height:30px" value="${zywsptGfxwjb.mc}"> </div>
用户5640963
2019/07/28
1.5K0
C# 结合 JavaScript 对 Web 控件进行数据输入验证
在 Web 应用的录入界面,数据验证是一项重要的实现功能,数据验证是指确认 Web 控件输入或选择的数据,是否满足数据表数据约束,是否满足应用程序所需要数据约束规则。建立数据库约束可以满足数据验证的应用,但在实际的应用中,我们建议还是在更新信息到数据库前,在应用中执行数据验证,这样可减少错误录入,减少应用程序与数据库之间频繁通信造成的服务器压力。通过有效的数据验证,可以确认写入数据表中的数据是有效且符合预期的。本文我们将介绍如何通过C# 后端及JavaScript 前端对 Web 控件进行数据输入有效性的验证。
初九之潜龙勿用
2024/06/20
2450
C# 结合 JavaScript 对 Web 控件进行数据输入验证
动手写个数字输入框3:痛点——输入法是个魔鬼
前言  最近在用Polymer封装纯数字的输入框,开发过程中发现不是坑,也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历: 《动手写个数字输入框1:input[type=number]的遗憾》 《动手写个数字输入框2:起手式——拦截非法字符》 《动手写个数字输入框3:痛点——输入法是个魔鬼》 《动手写个数字输入框4:魔鬼在细节——打磨光标位置》 IE的先进性  辛辛苦苦终于控制只能输入数字了,但只要用户启用了输入法就轻松突破我们的重重包围:-<心碎得一地都是。这是我们会想到底有没有一个A
^_^肥仔John
2018/01/18
1.1K0
jQuery 文本框中只能输入正整数
(1).$(document).ready(function(){}),当文档结构完全加载完毕再去执行函数中的代码。
IT工作者
2022/02/23
3.6K0
正则表达式大全
正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。 ^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a" $ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A" * 匹配前面元字符0次或多次,/b
Hongten
2018/09/18
4.7K0
移动端输入框填坑系列(一)
作者:yana 输入在移动端是一个很常用的功能,那么输入框必然是一个很重要的部分。然而,移动端输入框总会遇到各种各样的问题,无论是样式还是ios和android两端体验不一致都是很让我们头疼的问题,那
腾讯AlloyTeam
2017/04/26
7.2K0
Web阶段:第四章:常用的正则表达式
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:”^[0-9]*$” 只能输入n位的数字:”^\d{n}$” 只能输入至少n位的数字:”^\d{n,}$” 只能输入m~
Java廖志伟
2022/09/28
4270
相关推荐
100个常用的 JS 代码片段分享,值得你收藏
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档