js限制文本框输入长度

onblur= "maxtextvalue(this,15) "  

    -----------------------------*/

function   maxtextvalue(obj,maxlen)

{

        if   (obj.value.length> maxlen)

        {

                alert( '文本框输入超出 '+maxlen+ '个长度 ');

                obj.value=obj.value.substring(0,maxlen);                

        }

}

方法二

function   checktextlength(obj,length)
{
                    if(obj   ==   null)
                    {
                                window.alert( "脚本错误,参数不正确 ");
                                //用法: <asp教程:textbox   onkeypress= "checktextlength(this,30); "   onblur= "checktextlength(this,30); "   textmode= "multiline ">
                    }
                    else
                    {
                                if(obj.value.length> length-1)
                                {
                                        if(event.keycode==0)
                                                window.alert( "请确保文本框输入的内容最大长度为 "+length+ "个字符,超出部分将自动截断 ");
                                        obj.value   =   obj.value.substring(0,length-1);
                                }
                    }            
}

限制输入长度方法三

function   checklength(obj)
{
    if(obj.value.length> 10)
    obj.value   =   obj.value.substring(0,10);
    obj.blur();
}

<input   type= "text "   onkeyup= "checklength(this) ">

方法四

function   checklength(src,type,length)
{
var   v;
if(type== 'text ')
{
v=src.value;
}else
{
v=src.innertext;
}
if(v.length> length)
{
alert( '文字太长,超过 '+length+ '字 ');
}

return   false;
}

时间: 2024-10-21 09:33:09

js限制文本框输入长度的相关文章

js限制文本框输入长度两种限制方式(长度、字节数)_基础知识

功能/特点: 1.实时显示可输入的字数(字节数) 2.两种限制方式(长度.字节数) 3.中文输入法下可正常使用,无BUG 4.同一页面可以使用多个,相互不干扰 limit.js 复制代码 代码如下: function limit(){ var txtNote;//文本框 var txtLimit;//提示字数的input var limitCount;//限制的字数 var isbyte;//是否使用字节长度限制(1汉字=2字符) var txtlength;//到达限制时,字符串的长度 var

js实现文本框输入文字个数限制代码_javascript技巧

通常情况下,文本框输入的文字个数并不是无限制的,一般都会限定一个输入最高上限,较为人性化的网站可能会有可输入字数倒计效果,比如还剩余20可以输入这样的提示,下面就通过一个实例介绍一下如何实现此效果. 先看看效果图: 代码如下: <html> <head> <title>文本框输入文字倒计效果代码</title> <style type="text/css"> * { margin:0; padding:0; } .box {

js控制文本框输入的字符类型方法汇总

这篇文章主要给大家汇总介绍了js控制文本框输入的字符类型的各种方法,十分的简单实用,有需要的小伙伴可以参考下.     JS 控制文本框只能输入数字    代码如下: <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,''

js判断文本框输入的内容是否为数字_javascript技巧

如何验证文本框中的内容是否为数字,本文提供了三种方法,希望对大家的学习有所启发. 在某些情况下可能需要让文本框中的内容只能够输入数字,例如手机号码或者邮编之类的,下面简单介绍一下如何实现此功能. 下面是验证数字的正则表达式: "^\\d+$" //非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\\d+)|(0+))$" //非正整数(负整数 + 0) "^-[0-9]*[1-9][0-9]

js计算文本框输入的字符数_javascript技巧

使用JavaScript实时的计算用户当前输入的字符数函数代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript统计字符数</title> <script language="javascript"> function C

ajax(js)判断文本框输入的用户是否存在

问题描述 我想实现一个有关利用ajax(js)判断用户名是否被占用的功能,不知道谁能够帮忙解决一下<inputid="tbUsername"type="text"runat="server"class="username"style="width:180px;"onfocus="setStyle1('LbUserName')"onblur="setStyle2('LbUs

js限制文本框的输入内容代码分享(3类)_javascript技巧

为大家分享的JavaScript限制文本框的输入内容代码如下 <style type="text/css"> <!-- .STYLE1 { color: #0099FF; font-weight: bold; font-size: x-large; } --> </style> <p> </p> <p> </p> <p> </p> <p> </p> <

js限制文本框只能输入整数或者带小数点的数字

js限制文本框只能输入整数或者带小数点的数字  如何用js限制文本框输入,只允许输入整数或带一位小数的浮点数,本文分享一例代码,有需要的朋友参考下     做表单验证的时候是否会碰到验证某个输入框内只能填写数字呢,仅允许输入整数数字或者带小数点的数字.下面这段代码也许能帮到你!通过对当前输入框定义onkeypress,onkeyup,onblur事件对表单做了充分的验证,结果还是非常靠谱的.   复制代码 代码如下: <input type="text" value="

jQuery实现文本框输入同步的方法_jquery

本文实例讲述了jQuery实现文本框输入同步的方法.分享给大家供大家参考.具体如下: 这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步 var $inputs = $(".example-input"); $inputs.keyup(function() { $inputs.val($(this).val()); }); 希望本文所述对大家的jQuery程序设计有所帮助. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎