Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "how to set up jquery can only fill in numbers". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

In jquery, you can use the replace () method and the regular expression to set that you can only fill in numbers. The replace () method is used to replace a substring that matches the regular expression, which is not displayed when the content is not a number. The syntax is "specify element object .val (). Replace (/ [^\ d] / g,") ".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How to set up jquery can only fill in numbers

Some input text boxes need to make some judgments and can only enter numbers, which can be judged by regular expressions. When the content entered by the user is not a number, it is not displayed in the input text box. Let's take a look at how jq sets up that only numbers can be entered.

Syntax:

$('input') .on (' input propertychange', function (e) {var text = $(this) .val () .replace (/ [^\ d] / g, "); $(this) .val (text)})

Create a new html file.

Create an input input box on the html file, and then set the size of the input box.

Code:

Import the jquery.min.js file.

Code:

The regular expression is used to judge what the user enters each time, and it is not displayed when the content is not a number.

Code:

$(function () {$('input') .on (' input propertychange', function (e) {var text = $(this) .val () .replace (/ [^\ d] / g, "); $(this) .val (text)})})

As shown in the figure:

After saving the html file, the applicable browser opened for testing, and found that the input non-numeric content could not be displayed on the text box. As shown in the figure:

Just copy and paste all the code into the newly created html file, and you can see the effect after saving it.

All codes:

$(function () {$('input') .on (' input propertychange', function (e) {var text = $(this). Val (). Replace (/ [^\ d] / g, "); $(this) .val (text)})" how to set jquery to fill in numbers only "ends here, thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.