el-input maxlength 不限制长度

背景：

小鱼最近使用 input输入框时想限制输入的长度， type = "number" 时，限制的长度无效，代码如下

1 <el-input v-model="form.tele" style="width:160px;" maxlength="11" placeholder="请输入账号" type="number"></el-input>

查阅了相关资料后，换了种方式，问题解决

使用 oninput="if(value.length>11)value=value.slice(0,11)" 可实现限制长度的功能

1 <el-input v-model="form.tele" style="width:160px;" oninput="if(value.length>11)value=value.slice(0,11)" placeholder="请输入账号" type="number"></el-input>

原文地址：https://www.cnblogs.com/whycai/p/11453533.html

时间： 2024-11-13 09:26:39

el-input maxlength 不限制长度的相关文章

ie textarea不支持maxlength textarea限制长度

//ie textarea不支持maxlength $('#verify_note').bind('input propertychange', function() { if (this.value.length > 100) { this.value = this.value.substr(0, 100); } });

给定一个数组input[] ，如果数组长度n为奇数，则将数组中最大的元素放到 output[] 数组最中间的位置，如果数组长度n为偶数，则将数组中最大的元素放到 output[] 数组中间两个位置偏右的那个位置上

然后再按从大到小的顺序,依次在第一个位置的两边,按照一左一右的顺序,依次存放剩下的数.例如:input[] = {3, 6, 1, 9, 7} output[] = {3, 7, 9, 6, 1}; input[] = {3, 6, 1, 9, 7, 8} output[] = {1, 6, 8, 9, 7, 3} 1 import java.util.Arrays; 2 public class Solution 3 { 4 /** 5 操作方法 6 */ 7 public static in

如何限制html标签input的长度

如何限制html标签input的长度示例: <form action="/example/html/form_action.asp" method="get"> <p>Name: <input type="text" name="fullname" maxlength="85" /></p> <p>Email: <input type=&q

input 属性为 number，maxlength不起作用如何解决？

<input type="text" maxlength="5" /> 可以限制最大输入长度. 如果type是number:<input type="number" maxlength="5" /> maxlength失效,长度可以无限输入. 可以使用JS来解决这个问题: <input type="number" oninput="if(value.lengt

JQuery Mobile - input 属性为 number，maxlength不起作用如何解决？

<input type="text" maxlength="5" /> 效果ok,当 <input type="number" maxlength="5" />时maxlength失效,长度可以无限输入. 解放方案: <input type="number" oninput="if(value.length>5)value=value.slice(0,5

微信小程序组件解读和分析：十、input输入框

input输入框组件说明: 本文介绍input 输入框的各种参数及特性. input输入框示例代码运行效果如下: 下面是WXML代码: [XML] 纯文本查看复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 <view class="content"> type:有效值:text 感觉没什么区别 <input placeholder="type=text" type=

input的类型为number，限制输入的数字位数

HTML 表单和输入<form><input>

HTML <form> 标签定义和用法: <form> 标签用于为用户输入创建 HTML 表单. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含 menus.textarea.fieldset.legend 和 label 元素. 表单用于向服务器传输数据. 提示和注释注释:form 元素是块级元素,其前后会产生折行. 属性: 1. accept-charset 属性语法:<form accept-charse

javascript：<input> 元素

原文章:https://wangdoc.com/javascript/index.html <input> 元素 <input>元素主要用于表单组件,它继承了 HTMLInputElement 接口. HTMLInputElement 的实例属性特征属性 name:字符串,表示<input>节点的名称.该属性可读写. type:字符串,表示<input>节点的类型.该属性可读写. disabled:布尔值,表示<input>节点是否禁止使用.一