实现文本框中输入限制字数的效果

实现文本框中输入限制字数的效果:

<!DOCTYPE html>
<html>
<head lang="zh">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8" />
    <title>采销商品基本信息</title>
</head>
<body>
<input type="text" id="username" name="">
<div>您还可以写<span  id="result">10</span>/10个字</div>
<script type="text/javascript" src="./../js/jquery.js"></script>
<script type="text/javascript">
    $("#username").bind(‘input‘,function(){
        var bb=$(‘#username‘).val();//
        var cc=bb.substring(0,10);//
        $(‘#username‘).val(cc);//该三行写在“input”函数外面也可以
        var aa=$(this).val().length;
        if(aa<10){
          $(‘#result‘).html(10-$(this).val().length);
      }else{
        $(‘#result‘).html("0");
      }
    })
</script>
</body>
</html>

实现效果:

时间: 2024-11-10 01:09:28

实现文本框中输入限制字数的效果的相关文章

JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)

一.实现效果: 为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数. html & JS: 1 <div> 2 <textarea name="content" id="content" onkeyup="javascript:checkWords(this);" onmousedown="javascript:checkWords(this);"

JavaScript实现在页面上的文本框中输入小写字母自动变为大写字母

<script language="javascript" type="text/javascript"> $(function () { $("input[type=text]").keyup(function () { $(this).val($(this).val().toUpperCase()); }); }); </script> $("input[type=text]") 处可为文本框ID,

JavaScript实现在文本框中输入空格时自动填写某个值

<script language="javascript" type="text/javascript"> var txtText4 = "#" + '<%= new DynamicControl(this, "Text4").ClientID%>'; $(function () { $(txtText4).keyup(function (e) { if (e.which == 32) $(this).

JS复选框向一个文本框中传值的多选效果

选择一个复选框,那么这个复选框的值就传到一个文本框中,如果这个文本框里有了就不用加了,没有则加.如果取消选择,则从文本框中取掉传的值.中间以“,”分隔,最后结尾没有“,”分隔符. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&q

对文本框中输入的内容放大显示和格式化

在最近做的项目中,发现用户在输入手机号.身份证或者银行卡这些重要的数据的时候,文本框显示的文字不是非常大,也不是非常明显的显示给用户. 往往这些重要数据用户都需要核对好几次,在确保正确无误的时候才敢点击保存,这样总会浪费一点时间,对用户的体验也不是非常友好,如果我们能在用户输入框的上面对输入的内容进行放大.颜色突出并且按照不同的分隔显示,是不是这样更能便于用户快速的核实数据呢. 于是自己利用业务时间就动手封装了一个小插件: 第一步:创建一个样式表sytle.css 1 @charset "utf

Tag It 一款 Jquery控件,当你在文本框中输入逗号时,自动帮你分隔开相关内容

Demo地址:http://webspirited.com/tagit/ 使用方法: 除了JQuery脚本外,下面的脚本也是必须的,这些脚本你都可以去GitHub下载:https://github.com/hailwood/jQuery-Tagit <link href="~/Content/jquery.tagit.css" rel="stylesheet" /><link href="~/Content/tagit.ui-zendes

文本框中输入极限

谁经常在一些网站注册,但是,也存在一些问题常常,让我们不要喂easy注册信息填写了很多很好的,然后点击提交,结果弹出一个对话框.告诉你的娜娜不正确.了非法字符,然后让你把写错的更改过来,这是好点的,不好的让你都又一次写一遍,还有的由于username已经被注冊,然后返回去让你又一次填写username,然后原来的某些信息也得又一次写一遍,这就特别烦人,我们可不能那么设计啊. 我认为最好的办法,是在用户输入的时候.通过文本的change事件,仅仅要输错了一个字符,就马上禁止继续输入.直到等到用户输

用js检测文本框中输入的是否符合条件并有错误和正确提醒

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>捕获异常</title> </head> <script type="text/javascript"> function my_func(){ try{ x=document.getElementById("input_id").v

面试题之请写出用于校验 HTML 文本框中输入的内容全部为数字 的 javascript 代码

<input type="text" id="d1" onblur=" chkNumber(this)"/> <script type=”text/javascript” /> function chkNumber(eleText) { var value =eleText.value; var len =value.length; for(vari=0;i<len;i++) { if(value.charAt(i)