In vue, the input box only allows numbers to be entered

Language 2023-05-04 15:26:41 views: null

In the vue project, the input box only allows the input of numbers, and now I will record a method I use for reference!

1. Inline insertion οninput="value=value.replace(/[^0-9.]/g,'')"

<el-input v-model.number="ruleForm.sort" placeholder="请输入数字(限数字)" oninput="value=value.replace(/[^0-9.]/g,'')" />

2. Use the InputNumber counter of element-ui

<el-input-number v-model="num" :min="1" :max="10" label="描述文字"></el-input-number>

If you don't need control buttons, just set controls to false

Guess you like

Origin blog.csdn.net/a15220216758/article/details/124469125

In vue, the input box only allows numbers to be entered

In vue, the input input box only allows numbers to be entered

vue input box can only enter numbers

Reprint: html+js implements an input box that only allows two decimals to be entered

The text box in VUE html only allows two ways to enter numbers

element input restriction: only numbers can be entered, only numbers

Front-end-element input box-input some restrictions (only positive integers and 0 can be entered, or only numbers can be entered but not Chinese characters)

vue + element in el-input box restrict only numbers and decimal

vue input only allows the input digital

vue + element limits the el-input box only numbers and decimal places (custom) and the keyboard input box

Js limit Input box only numbers

Android EditText input box can only be numbers

The element input box can only enter numbers

[Commonly used code 14] The el-input input box determines the regularity. Only numbers can be entered, and Chinese characters + letters are filtered.

The original input box of the vue project is restricted to only enter the amount (must be greater than 0, up to two decimal places, and e, +, - cannot be entered)

js restricts the input box to only enter numbers, and only 11 digits

React.js realizes that the input input box only accepts numbers

The el-input input box can only enter numbers

ElementUI el-input only allows input of numbers and two decimal places

Form Input input value verification (input restrictions are made in the input event, only positive numbers (including integers and decimals) can be entered)

Provisions input box enter only numbers and decimal points

C#winform realizes that the text box can only input numbers

JS code restricts the input box to only enter numbers

The python input box can only enter numbers within 10

The input box of Vue el-input automatically converts numbers

js/input/input box can only input Chinese characters/numbers/English

Ant Design Vue drop-down box input box can be entered and can be queried

Vue dynamically generates the form and adds validation rules, the input input box cannot be entered

The input box restricts the input to numbers

Recommended

Ranking

vue project automated build tools 1.0, support for multi-page build

JDBC add, update, delete data

SpringCloud combat service in response to the decline tutorial series (Chapter IV)

A segmentation fault (core dumped) error occurs when C+11 compiles and calls the PCL library

Django achieve websocket

Go语言并发之道--笔记1

Three-tier structure and application

Zhejiang data structure after-school exercise practice two 7-2 Reversing Linked List (25 points)

Front-end interview brushing day9 (updated daily high-frequency inspection points for front-end interviews)

The difference between the shell of the single and double quote

Daily

2024-05-02(0)

2024-05-01(4)

2024-04-30(36)

2024-04-29(5)

2024-04-28(12)

2024-04-27(29)

2024-04-26(22)

2024-04-25(32)

2024-04-24(30)

2024-04-23(30)