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

//使用说明  只需给要验证的文本框添加一个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;
    }
} 

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

Go-defer,panic,recover

defer 语法: defer function_name() 简单来讲,在defer所在函数执行完所有的代码之后,会自动执行defer的这个函数。 示例一(...

31511
来自专栏Nian糕的私人厨房

JavaScript 实现 Tab 点击切换

Tab 选项卡切换效果在现如今的网页中,运用的也是比较多的,包括点击切换、滑动切换、延迟切换、自动切换等多种效果,在这篇博文里,我们是通过原生 JavaScri...

2562
来自专栏生信小驿站

python双Y轴

1082
来自专栏柠檬先生

Angularjs基础(十二)

ng-model-options       描述:规定如何更新模型             实例: 在失去焦点时绑定输入框的值scope 变量中。 ...

21210
来自专栏coder修行路

CSS补充之--页面布局、js补充,dom补充

CSS补充之--页面布局 主站一:(下面是一个大致的模板) <div class="pg-header"> <div style="width...

3847
来自专栏阮一峰的网络日志

CSS 变量教程

今年三月,微软宣布 Edge 浏览器将支持 CSS 变量。 这个重要的 CSS 新功能,所有主要浏览器已经都支持了。本文全面介绍如何使用它,你会发现原生 CSS...

35111
来自专栏Golang语言社区

Go-defer,panic,recover

defer 语法: defer function_name() 简单来讲,在defer所在函数执行完所有的代码之后,会自动执行defer的这个函数。 示例一(...

37613
来自专栏web前端

JavaScript基础学习--10 return、定时器基础

Demos:   https://github.com/jiangheyan/JavaScriptBase 一、return      1、返回值:数字、字...

1996
来自专栏编程微刊

Vue.js组件的重要选项

1862
来自专栏数据结构笔记

JavaScript中 appendChild追加子节点无效的解决办法

这其实是因为一个元素只能有一个父元素,上面这段代码试图将 btn添加到多个元素中。

1272

扫码关注云+社区

领取腾讯云代金券