精华内容
下载资源
问答
  • 以下代码是对JS文本框的默认值处理进行了介绍,需要的朋友可以参考下
  • JS文本框文本复制剪切代码是一款兼容性非常好的原生态文本复制剪切代码。
  • js文本框验证大全

    2013-04-07 10:24:49
    js文本框验证大全
  • 主要介绍了js文本框输入内容智能提示效果,非常简单实用,需要的朋友可以参考下
  • JS文本框不能输入空格验证方法,需要的朋友可以参考一下
  • js文本框input验证插件

    2014-11-18 22:06:13
    js文本框input验证插件,jquery js input 验证 插件
  • 主要介绍了js文本框跑马灯效果,功能实现非常简单,推荐给大家,有需要的小伙伴可以参考下。
  • JS文本框文本复制剪切代码是一款兼容性非常好的原生态文本复制剪切代码。
  • 介绍了JS文本框追加多个下拉框的值的例子,有需要的朋友可以参考一下
  • js文本框输入点回车触发确定兼容IE、FF等,下面有个不错的示例,感兴趣的朋友可以参考下
  • js文本框输入正整数的验证,通过正则表达式进行验证
  • JS文本框只允许输入数字小数点 一个非常好用的JS验证程序
  • js 文本框插入

    2008-11-12 15:29:06
    js 文本框插入 function insertAtCaret(textbox,text) { textbox.focus(); document.selection.createRange().text = te...
    js 文本框插入 function insertAtCaret(textbox,text) { textbox.focus(); document.selection.createRange().text = text; } function inputCalc(str){ addText(document.getElementById("CalcuteText"),str); } /* function addText2(oTextarea,strText){ oTextarea.focus(); document.selection.createRange().text+=strText; oTextarea.blur(); } */ //在光标位置插入文本 function addText(oTextarea,strText){ //clipboardData.setData("text",strText); oTextarea.focus(); //document.execCommand("paste"); //oTextarea.focus(); document.selection.createRange().text = strText; }[@more@]

    来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/11419868/viewspace-1013255/,如需转载,请注明出处,否则将追究法律责任。

    转载于:http://blog.itpub.net/11419868/viewspace-1013255/

    展开全文
  • js文本框计数组件 先上效果图: 样式可以自行调整 ,它的功能提供文本框的实时计数,并作出对应的操作,比如现在超出了,点击下面的按钮后,文本框会闪动两下,阻止提交。具体例子可以点击demo:...

    js文本框计数组件

    先上效果图:

    样式可以自行调整 ,它的功能提供文本框的实时计数,并作出对应的操作,比如现在超出了,点击下面的按钮后,文本框会闪动两下,阻止提交。具体例子可以点击demo:http://www.lovewebgames.com/jsmodule/word-count.html,它的源文件托管在github上:https://github.com/tianxiangbing/word-count

     

    使用方法案例:

    <div class="txt-count-container">
        <div class="counter"><em>30</em></div>
        <textarea name="txt" id="txt" cols="30" rows="10" class="txt">万色城是一个创业平台,所有万色城的网商通过加盟,注册一个属于自己的网上商城。推广自己的商城,销售商城的商品创造收益。每个网商拥有一个属于自己的独立域名。万色城是国内唯一全部实行“实名制”的网上商城,每一个网商,以自己真实的姓名、照片和信誉,作为诚信经营的保障。</textarea>
    </div>
        <p><input type="button" value="点击提交" class="click"></p>
        <script type="text/javascript" src="../src/zepto.js"></script>
        <script type="text/javascript" src="../src/word-count.js"></script>
        <script>
            $(function() {
                $(".click").click(function(){
                    if(!$('.txt').data('overflow') ){
                        alert('ok')
                    }
                });
                $('.txt').WordCount({
                    max:200,
                    isOverflowCut: false,
                    overClass:"over-number",
                    num:$(" .counter em"),
                    withButton:".click",
                    minHeight:100,
                    overflowCallback: function() {
                        //this.textBox.addClass('over-number');
                        //$(".counter em").addClass('over-number');
                    },
                    changeCallback: function(num) {
                        //var n = this.max - num;
                        //$(" .counter em").html(n);
                    },
                    passClallback: function() {
                        //this.textBox.removeClass('over-number');
                        //$(".counter em").removeClass('over-number');
                    },
                    isByte: true//字节
                });
            });
        </script>
    

      

    或者:

    var wc = new WordCount();
    wc .init({
            trigger:$('.txt'),
            max:200,
            isOverflowCut: false,
            overClass:"over-number",
            num:$(" .counter em"),
            withButton:".click",
            minHeight:100,
            overflowCallback: function() {
                //this.textBox.addClass('over-number');
                //$(".counter em").addClass('over-number');
            },
            changeCallback: function(num) {
                //var n = this.max - num;
                //$(" .counter em").html(n);
            },
            passClallback: function() {
                //this.textBox.removeClass('over-number');
                //$(".counter em").removeClass('over-number');
            },
            isByte: true//字节
        });
    

      

    属性和方法

    trigger :string || object

    触发的文本框

    max :number

    最大长度,如果不传会去取文本框的maxlength

    isOverflowCut :boollen

    是否自动截取文本

    overClass :string

    超出文本时的样式,会同时在num上和textbox上添加

    num :element

    显示计数的结点

    minHeight: number

    文本框的最小高度,因为这里做自适应高度的控制。如不写,就不自适应。

    withButton: element

    关联按钮

    isByte: boollen

    是否按字节数来计算,true时:一个汉字作2个单位长度,false时汉字英文不作区分

    方法回调:

    overflowCallback:function(n,textbox,max)

    超出时的回调,this指向当前对象,n为长度,textbox是文本框结点对象,max为最大长度

    changeCallback:function(n,textbox,max)

    长度改变时的回调,n为长度,textbox是文本框结点对象,max为最大长度

    passClallback:function(n,textbox,max)

    长度通过时的回调,n为长度,textbox是文本框结点对象,max为最大长度
    

      

    转载于:https://www.cnblogs.com/tianxiangbing/p/word-count.html

    展开全文
  • 问题描述:js文本框只能输入数字 解决方法: 在网页里让文本框只能输入数字的一种方法。外加回车换Tab (javascript key键的使用)+禁止切换输入法 第一步利用样式表。 第二步利用js脚本。 function ...
    问题描述:js文本框只能输入数字

    解决方法:
    在网页里让文本框只能输入数字的一种方法。外加回车换Tab (javascript key键的使用)+禁止切换输入法
    第一步利用样式表。
    <asp:TextBox Runat="server" id="TT" style="ime-mode:disabled" οnkeydοwn="myKeyDown()"></asp:textBox>

    第二步利用js脚本。

    function myKeyDown() {
    var k = window.event.keyCode;
    if ((k == 46) || (k == 8) || (k == 189) || (k == 109) || (k == 190) || (k == 110) || (k >= 48 && k <= 57) || (k >= 96 && k <= 105) || (k >= 37 && k <= 40))
    { }
    else if (k == 13) {
    window.event.keyCode = 9;
    }
    else {
    window.event.returnValue = false;
    }
    }

    利用样式表(style="ime-mode:disabled" )可以防止切换成汉字输入法,也就是说只能使用英文输入法,这样就防止了输入汉字的情况。

    js脚本就是要限制键盘输入,只能填入数字、小数点、负号、退格键、删除键和方向键。

    ascii码说明:
    8:退格键
    46:delete
    37-40: 方向键
    48-57:小键盘区的数字
    96-105:主键盘区的数字
    110、190:小键盘区和主键盘区的小数点
    189、109:小键盘区和主键盘区的负号

    13:回车
    9: Tab 就是那个把焦点移到下一个文本框的东东。

    对了还有两个缺点:
    1、没有验证多个小数点的情况。
    2、没有验证多个负号,和符号必须在前的情况。


    ------------------------------------------------

    var reg = /^[0-9]*$/; //只让输入数字 0 - 9 ,
    var str = "abcde"; //这是输入的字符串
    var isTrue = reg.test(str); //判断是否为真

    if (!isTrue) {
    document.getElementById("add").disabled = "true";
    }
    展开全文
  • js文本框校验控件

    2014-04-24 10:51:14
    js检验,可用于各种框架页面的输入框,四种状态,焦点触发事件,失去焦点事件可总结
  • js 文本框禁止粘贴或反手键

     

    转自:http://hi.baidu.com/t_vivien/blog/item/7d89e23edd92350dbaa167c9.html

     

     

    展开全文
  • js 文本框获取焦点

    2020-11-11 13:56:55
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function myFunction(){ var x=document.... x.length.
  • Js 文本框 placeholder 兼容IE7 IE 8不能显示的效果
  • JS文本框获取焦点

    2018-04-07 15:44:00
    所谓焦点,就是鼠标移上文本框的时候那个一闪一闪的光标。 转载于:https://www.cnblogs.com/knuzy/p/8733498.html
  • js文本框监听

    千次阅读 2013-11-14 10:09:10
    主流浏览器包括firefox、chrome以及ie高版本都支持oninput方法监听文本框变化,此外ie有自己的监听方法:onpropertychange方法。根据这些我们就可以做兼容各种浏览器的文本框监听方法: var inputArea=document....
  • 请输入图片地址: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
  • 文本框是PPT中的常客,熟练掌握文本框的相关操作,才能让我们做好PPT。而因为觉得文本框本身很简单,很多PPT制作者只是清楚如何插入和使用,却忽略了文本框自身有很多属性可以设置。在之前的小妙招中,我们已经介绍...
  • 关于校验,每次会在网上查N多的写法...js 验证文本框只能输入数字和小数点 第一步、添加js方法  function check(e) {   var re = /^\d+(?=\.{0,1}\d+$|$)/   if (e.value != "") {   if (!re.tes
  • JS校验一个逻辑: 通过js获取文本框的值,去判断,当值为空的时候将提示文案的div的class添加hide属性,false,否则移除hide属性,true,触发提交简单写个示例:HTML部分:用户名必填JS部分:$(function () {$(":...
  • 更多:js设置文本框为必填BootStrap select2 动态改变值的方法 https://www.002pc.comhttps://www.002pc.com/javascript/356.html 你可能感兴趣的BootStrap,select2,动态,改变,方法 No alive nodes found in your ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,552
精华内容 3,020
关键字:

js文本框