精华内容
下载资源
问答
  • input限制输入长度

    千次阅读 2018-12-23 21:33:58
    <label for="recoSoft" class="text-right search_form_div_label"...input type="text" class="form-control" id="recoSoft" maxlength="5"

    <label for="recoSoft" class="text-right search_form_div_label">排序:</label>
                        <input type="text" class="form-control" id="recoSoft" maxlength="5" οnkeyup="value=value.replace(/[^\d]/g,'')" placeholder="请输入排序" style="width: 200px;"/>
     

    展开全文
  • input 限制输入长度及常见问题讲解

    千次阅读 2018-11-12 17:27:37
    1. 限制输入字符的长度问题 首先想到的一定是input中的maxlength属性;注意的是 使用maxlength 的时候 只针对 type类型是 password text 两个 其余都不管用 &lt;input type="password" maxlength=...

    input 作为表单提交必备的标签之一,存在的一些问题,在这讲解一下

    1.  限制输入字符的长度问题

    首先想到的一定是input中的maxlength属性;注意的是 使用maxlength 的时候 只针对 type类型是 password text 两个 其余都不管用

    <input type="password" maxlength="2" name="" id="" value="" />
    <input type="text" maxlength="2" name="" id="" value="" />

    2. 像我们表单验证一下手机号 或者卡号开通会员等 需要用到的是 number 类型  输入数字

    问题: 并不是纯数字 可以输入字母 e  因为e 在数学中也属于数字 e 代表 2.71828

    解决:

    <input type='number' onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode)))' />

    这样就不能输入e  只能输入纯数字   也不能输入  负 -  小数点 .  

    问题: number 类型下 也想要限制长度怎么办

    解决:

    <input type="number" class="form-control" oninput="if(value.length>2)value=value.slice(0,2)"  placeholder="请输入">

     

    展开全文
  • 一:Flex中TextInput组件如何设置限制某些字符的输入 1. 限制某个字符的输入,用符号 ^ 跟上要限制的字符,可跟多个字符 2. 设置只能输入某些字符,将允许输入的字符罗列出来即可,也可以用 -...

    一:Flex中TextInput组件如何设置限制某些字符的输入

    1. 限制某个字符的输入,用符号 ^ 跟上要限制的字符,可跟多个字符


    <!-- 限制字符"~"的输入 -->

    <mx:TextInput id="xxx" restrict="^~" />

    <!-- 限制字符"ab"的输入 -->

    <mx:TextInput id="xxx" restrict="^ab" />

    2. 设置只能输入某些字符,将允许输入的字符罗列出来即可,也可以用 - 组合表示字符范围

    <!-- 只能输入abc -->

    <mx:TextInput id="xxx" restrict="abc" />

    <!-- 只能输入小写字母 -->

    <mx:TextInput id="xxx" restrict="a-z" />

    <!-- 只能输入小写字母、大写字母和数字 -->

    <mx:TextInput id="xxx" restrict="a-zA-Z0-9" />

    3. 组合使用

    <!-- 只能输入数字和符号"." -->

    <mx:TextInput id="xxx" restrict="0-9." />

    <!-- 只能输入除ab之外的小写字母 -->

    <mx:TextInput id="xxx" restrict="a-z^ab" />

    <!-- 只能输入汉字 -->

    <mx:TextInput id="xxx" restrict="{'\u4e00-\u9fa5'}" />

    <!-- 只能输入大小写字母汉字 -->

    <mx:TextInput id="xxx" restrict="{'\u4e00-\u9fa5'}A-Za-z0-9" />

     

     二: FONT color=#108ac6>flex TextInput restrict(正则表达式,约束,限定)

    Flex中TextInput的一个比较有用的属性restrict(约束,限定),看下面例子:
    1,<mx:TextInput id="test_ti" width="160" maxChars="20" restrict="0-9" text="0"/>
    这样,这个输入框最多只能输入20个字符,只能输入0到9之间的数字了,你如果输入别的是输入不进去的
    2,<mx:TextInput id="test_ti" width="160" maxChars="20" restrict="0-9\." text="0"/>
    这样,输入框可以输入0到9之间的数字,以及输入'.',中间必须用'\'分隔开来
    3,<mx:TextInput id="test_ti" width="160" restrict="0-9\ab" text="0"/>
    这样,输入框可以输入0到9之间的数字,以及a,或b
    4,<mx:TextInput id="test_ti" width="160" restrict="a-z" text="0"/>
    可以输入a到z之间任何一个英文字母,'-'表示区间,如果要输入'-',就必须加'\',如\-
    结论:
    用restrict有个好处,就是省去了验证的麻烦,比如检验是否为数字,如果加了restrict="0-9",就不需要检验了,因为这个输入框只能输入0到9之间的数字,别的输不进去

    详细的列子请看:http://blog.minidx.com/2008/05/16/851.html

     

    三:

     <mx:TextInput id="userName" maxChars="4" restrict="a-zA-Z0-9" />
    restrict 用法:
    TextField.restrict = "此处为可输入的内容";
    field.restrict = "^此处为禁止输入的内容";
    restrict属性支持一些类似正则表达式的样式:
    field.restrict = "a-zA-z"; //只允许大小字母
    field.restrict = "a-zA-z "; //只允许字母和空格
    field.restrict = "0-9"; //只允许数字
    field.restrict = "^abcdefg"; //除了小写字母abcdefg不允许外,其它都允许
    field.restrict = "^a-z"; //所有小写字母都不允许,但是,其它内容都允许,包括大写字母
    field.restrict = "0-9^5"; //只允许数字,但5例外
    让restrict字符包含具有特殊意义的字母(例如-和^):
    field.restrict = "0-9\\-"; //允许数字和破折号
    field.restrict = "0-9\\^"; //允许数字和^
    field.restrict = "0-9\\\\"; //允许数字和反斜杠
    你也可以使用Unicode转义序列,指定允许的内容.例如:
    field.restrict = "^\u001A";
    注意:ActionScript有区分大小写的,如果restrict属性设为abc,允许字母的大写形式(A,B和C)输入时会变成小写对待形式(a,b和c),反之亦然.restrict属性只影响用户可以输入的内容,脚本可将任何文本放入文本字段中

    展开全文
  • 一:Flex中TextInput组件如何设置限制某些字符的输入 1. 限制某个字符的输入,用符号 ^ 跟上要限制的字符,可跟多个字符 2. 设置只能输入某些字符,将允许输入的字符罗列出来即可,也可以用 -...

     

    一:Flex中TextInput组件如何设置限制某些字符的输入

    1. 限制某个字符的输入,用符号 ^ 跟上要限制的字符,可跟多个字符


    <!-- 限制字符"~"的输入 -->

    <mx:TextInput id="xxx" restrict="^~" />

    <!-- 限制字符"ab"的输入 -->

    <mx:TextInput id="xxx" restrict="^ab" />

    2. 设置只能输入某些字符,将允许输入的字符罗列出来即可,也可以用 - 组合表示字符范围

    <!-- 只能输入abc -->

    <mx:TextInput id="xxx" restrict="abc" />

    <!-- 只能输入小写字母 -->

    <mx:TextInput id="xxx" restrict="a-z" />

    <!-- 只能输入小写字母、大写字母和数字 -->

    <mx:TextInput id="xxx" restrict="a-zA-Z0-9" />

    3. 组合使用

    <!-- 只能输入数字和符号"." -->

    <mx:TextInput id="xxx" restrict="0-9." />

    <!-- 只能输入除ab之外的小写字母 -->

    <mx:TextInput id="xxx" restrict="a-z^ab" />

    <!-- 只能输入汉字 -->

    <mx:TextInput id="xxx" restrict="{'\u4e00-\u9fa5'}" />

    <!-- 只能输入大小写字母汉字 -->

    <mx:TextInput id="xxx" restrict="{'\u4e00-\u9fa5'}A-Za-z0-9" />

     

     二: FONT color=#108ac6>flex TextInput restrict(正则表达式,约束,限定)

    Flex中TextInput的一个比较有用的属性restrict(约束,限定),看下面例子:
    1,<mx:TextInput id="test_ti" width="160" maxChars="20" restrict="0-9" text="0"/>
    这样,这个输入框最多只能输入20个字符,只能输入0到9之间的数字了,你如果输入别的是输入不进去的
    2,<mx:TextInput id="test_ti" width="160" maxChars="20" restrict="0-9\." text="0"/>
    这样,输入框可以输入0到9之间的数字,以及输入'.',中间必须用'\'分隔开来
    3,<mx:TextInput id="test_ti" width="160" restrict="0-9\ab" text="0"/>
    这样,输入框可以输入0到9之间的数字,以及a,或b
    4,<mx:TextInput id="test_ti" width="160" restrict="a-z" text="0"/>
    可以输入a到z之间任何一个英文字母,'-'表示区间,如果要输入'-',就必须加'\',如\-
    结论:
    用restrict有个好处,就是省去了验证的麻烦,比如检验是否为数字,如果加了restrict="0-9",就不需要检验了,因为这个输入框只能输入0到9之间的数字,别的输不进去

    详细的列子请看:http://blog.minidx.com/2008/05/16/851.html

     

    三:

     <mx:TextInput id="userName" maxChars="4" restrict="a-zA-Z0-9" />
    restrict 用法:
    TextField.restrict = "此处为可输入的内容";
    field.restrict = "^此处为禁止输入的内容";
    restrict属性支持一些类似正则表达式的样式:
    field.restrict = "a-zA-z"; //只允许大小字母
    field.restrict = "a-zA-z "; //只允许字母和空格
    field.restrict = "0-9"; //只允许数字
    field.restrict = "^abcdefg"; //除了小写字母abcdefg不允许外,其它都允许
    field.restrict = "^a-z"; //所有小写字母都不允许,但是,其它内容都允许,包括大写字母
    field.restrict = "0-9^5"; //只允许数字,但5例外
    让restrict字符包含具有特殊意义的字母(例如-和^):
    field.restrict = "0-9\\-"; //允许数字和破折号
    field.restrict = "0-9\\^"; //允许数字和^
    field.restrict = "0-9\\\\"; //允许数字和反斜杠
    你也可以使用Unicode转义序列,指定允许的内容.例如:
    field.restrict = "^\u001A";
    注意:ActionScript有区分大小写的,如果restrict属性设为abc,允许字母的大写形式(A,B和C)输入时会变成小写对待形式(a,b和c),反之亦然.restrict属性只影响用户可以输入的内容,脚本可将任何文本放入文本字段中

    展开全文
  • html 中 input 标签的 value 值的长度理论上应该是 2^32(数据来源于资料,没有测试过),但为了防止一些 input ...html input 限制输入字符串长度的方法input 标签中的 maxlength 属性,可以用来规定输入字符串的最大...
  • iview中input限制输入字符长度小坑

    千次阅读 2019-10-11 21:37:10
    在实际需求中,往往需要限制...1.在h5中input限制字符输入长度 <input type="text" name="fullname" maxlength="15" /> 2.在iview中限制字符输入长度 <Input placeholder="请输入..." :maxlength="14...
  • 在实际需求中,往往需要限制...1.在h5中input限制字符输入长度 <input type="text" name="fullname" maxlength="15" /> 2.在iview中限制字符输入长度 <Input placeholder="请输入..." :maxlength=...
  • Layui input 检查限制输入长度

    千次阅读 2020-09-24 20:54:03
    layui检查输入字符串长度: html代码 <div class="layui-form-item" > <label class="layui-form-label">账号<span>*</span>:</label> <div class="layui-input-block"> &...
  • 例子 <el-input oninput="if(value.length>40)value=value.slice(0,40)" v-model="form.label" size='mini' placeholder="请输入内容"></el-input>
  • 关于input限制输入长度记录一次

    千次阅读 2021-01-08 10:08:45
    关于input限制输入长度记录一次 问题描述:input输入框长度限制&非正则表达式 type = "number" -> 输入类型 oninput -> oninput 事件在用户输入时触发。 该事件在 <input> 或 <textarea&...
  • input输入长度限制内容

    万次阅读 多人点赞 2019-04-16 10:55:20
    1、限制input最大长度 <input type="text" maxlength="5" /> //可以 <input type="number" maxlength="5" /> //没有效果 <input type="number" oninput="if(value.length&g...
  • input只能输入数字并限制长度和大小

    万次阅读 多人点赞 2018-07-27 18:03:59
    input只能输入数字并限制长度 限制长度(字符数) <input type="number" oninput="if(value.length>11)value=value.slice(0,11)" /> 限制大小(最大值、最小值) //限制最大值30 <input type=...
  • 效果如下图:显示当前输入长度 / 最大限制 这个例子是限制长度,如果需要限制输入的字符类型(如只能输入数字、英文。。。)可以在这onkeypress / onInput两个方法作相应处理。 直接上代码 import { Directive...
  • input文本框输入长度限制

    万次阅读 2017-11-03 14:04:19
    比如一个文本框: 任务名称 <input type="text" name="name" class="easyui-validatebox" onkeyup="checkLen2(this)" maxlength="30" data-options="required:true
  • 限制input输入长度与内容

    千次阅读 2020-09-07 20:02:48
    如果输入的是数字,通过监听input事件再通过slice进行截取限制长度 <input type="number" oninput="f(value.length>6)value=value.slice(0,4)"> 如果输入的是文字或者字符,就会有一个maxlength属性进行...
  • input限制只能输入数字并限制长度

    万次阅读 2018-09-12 18:03:37
    第一种方法:input属性为number,做if判断,然后slice选取 &lt;input type="...第二种方法:input属性为text,maxlength为最大长度,onkeyup onafterpaste 限制只能输入数字 &lt;inp...
  • //长度2 最大值30 最小值0 <input type=“number” οninput=“if(value>30)value=30;if(value.length>2)value=value.slice(0,2);if(value<0)value=0” />
  • input限制输入数字并且限制其长度只能是10位。 <input type="text" class="input-verify" placeholder="短信验证码" oninput="value=value.replace(/[^\d]/g,'')" maxlength="10"> input限制输入得是text...
  • input禁止输入(禁止获得焦点) 1: readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。 <input type="text" value="禁止输入,可以使用...
  • <el-input v-model="item.userScore" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="4" > </el-input>
  • 想要的效果: 但是,我将官网的代码复制下来,没有效果也没有报错!!! ... 可能你项目下载安装的element-ui版本和你看的官方...所以:如果想要 输入长度限制组件 生效,请将element-ui的版本至少升级待 2.8.2 ...
  • input 属性为 number时限制输入长度

    万次阅读 2018-03-05 13:39:31
    &lt;input type="number" name="example" oninput="if(value.length&gt;5)value=value.slice(0,5)"&gt;
  • <el-input type="number" v-model="form.seq" :disabled="formEdit" oninput="if(value>127)value=127" onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode)))' ...
  • 限制input输入框输入长度

    万次阅读 2018-03-30 17:24:01
    input type="text" #txtSloc required class="form-control rightjustified" style='padding:0.15em; width:46px;'minlength="4" maxlength="4" name="sloc{{i}}"...
  • <el-input :maxlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
  • input只能输入数字并限制长度 限制长度(字符数) <input type="number" οninput="if(value.length>11)value=value.slice(0,11)" /> 1 限制大小(最大值、最小值) //限制最大值30 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 83,673
精华内容 33,469
关键字:

input限制输入长度