首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >关于文本框输入长度验证实现

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

作者头像
小小许
发布于 2018-09-20 09:02:58
发布于 2018-09-20 09:02:58
1.3K00
代码可运行
举报
文章被收录于专栏: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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
jQuery 文本框中只能输入正整数
(1).$(document).ready(function(){}),当文档结构完全加载完毕再去执行函数中的代码。
IT工作者
2022/02/23
3.7K0
java文本框获得输入焦点_文本框获得焦点和失去焦点的判断代码
对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。
全栈程序员站长
2022/09/14
4.8K0
Javascript 笔记
JavaScript表单验证电话号码,判断一个输入量是否为电话号码,通过正则表达式实现。 //检查电话号码 function isTel(str){        var reg=/^([0-9]|[\-])+$/g ;        if(str.length<7 || str.length>18){         return false;        }        else{          return reg.exec(str);        } }
Hongten
2018/09/18
1.9K0
java正则表达式大全
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:"^[0-9]*$"。 只能输入n位的数字:"^\d{n}$"。 只能输入至少n位的数字:"^\d{n,}$"。 只能输
静谧星空TEL
2021/04/27
1.4K0
常用正则表达式
/^([0-9]{1,}\.[0-9]{1,}|[0-9]{1,})$/    数字或小数点
Java架构师必看
2020/04/22
6930
js表单验证工具包
常用的js表单验证方法大全 1 /* 2 非空校验 : isNull() 3 是否是数字: isNumber(field) 4 trim函数: trim() lTrim() rTrim() 5 校验字符串是否为空: checkIsNotEmpty(str) 6 校验字符串是否为整型:
HUC思梦
2020/09/03
13.1K0
表单文本框的使用(一) 选择文本
input和textarea都会在value属性保存自己的内容,可设置和读取文本框的值。在textarea中设置value属性无效
赤蓝紫
2023/03/16
2.1K0
表单文本框的使用(一)  选择文本
文本框根据输入内容自适应高度
jQuery实现 (function($){ $.fn.autoTextarea = function(options) { var defaults={ maxHeight:null,//文本框是否自动撑高,默认:null,不自动撑高;如果自动撑高必须输入数值,该值作为文本框自动撑高的最大高度 minHeight:$(this).height() //默认最小高度,也就是文本框最初的高度,当内容高度小于这个高度的时候,文本以这个高度显示 }; var opts = $.exten
lilugirl
2019/05/28
1.4K0
C# 结合 JavaScript 对 Web 控件进行数据输入验证
在 Web 应用的录入界面,数据验证是一项重要的实现功能,数据验证是指确认 Web 控件输入或选择的数据,是否满足数据表数据约束,是否满足应用程序所需要数据约束规则。建立数据库约束可以满足数据验证的应用,但在实际的应用中,我们建议还是在更新信息到数据库前,在应用中执行数据验证,这样可减少错误录入,减少应用程序与数据库之间频繁通信造成的服务器压力。通过有效的数据验证,可以确认写入数据表中的数据是有效且符合预期的。本文我们将介绍如何通过C# 后端及JavaScript 前端对 Web 控件进行数据输入有效性的验证。
初九之潜龙勿用
2024/06/20
2920
C# 结合 JavaScript 对 Web 控件进行数据输入验证
C#常见正则表达式
"^\d+$" //非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\d+)|(0+))$" //非正整数(负整数 + 0) "^-[0-9]*[1
恋喵大鲤鱼
2018/08/03
7770
表单文本框的使用(二) 输入过滤(合成事件)
输入框本身是没有这个功能的,但是我们可以通过JavaScript来实现。 我们能实现向输入框中输入字符,依靠的是键盘事件,所以可以通过添加键盘事件,然后根据事件对象的信息来判断符不符合条件,不符合条件,就通过event.preventDefault阻止默认事件,即阻止输入。
赤蓝紫
2023/03/16
1.8K0
表单文本框的使用(二) 输入过滤(合成事件)
正则表达式大全
正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/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
简单的文本框输入自动提示
简单的文本框输入自动提示--输入的时候可以直接异步加载数据库中匹配的项,然后显示出来。
书童小二
2018/09/03
3.9K0
简单的文本框输入自动提示
Web阶段:第四章:常用的正则表达式
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:”^[0-9]*$” 只能输入n位的数字:”^\d{n}$” 只能输入至少n位的数字:”^\d{n,}$” 只能输入m~
Java廖志伟
2022/09/28
4390
原生态纯JavaScript 100大技巧大收集---你值得拥有(51--100)
56、原生JavaScript全角半角转换,iCase: 0全到半,1半到全,其他不转化
用户1272076
2019/03/26
1.5K0
js工具函数大全 || 实用篇
“ 关注 前端开发社区 ,回复 '领取资源',免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步
前端老道
2020/05/29
4.9K0
js工具函数大全 || 实用篇
jQuery Validate自定义各种验证方法jQuery Validate自定义各种验证方法
jQuery Validate自定义各种验证方法 validate-methods.js /***************************************************************** jQuery Validate扩展验证方法 *****************************************************************/ $(function(){ // 判断整数value是否等于0
一个会写诗的程序员
2018/08/17
5.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
9280
常用正则
我发现,一个人在放弃给别人留好印象的负担之后,原来心里会如此踏实。——严歌苓 分享一点常用正则 /** * 邮箱 * @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
5270
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.5K0
相关推荐
jQuery 文本框中只能输入正整数
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档