Limit HTML text box input to only numbers and decimal points

Limit HTML text box input to only numbers and decimal points

Code:

<input type="text" class="txt" name="qty" value="" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')" />

PS: js implements a text box that can only input numbers and decimal points

<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><title>js can only input numbers and decimal points</title>
<script language="JavaScript" type="text/javascript">
function clearNoNum(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //Clear characters other than "number" and "." obj.value = obj.value.replace(/^\./g,""); //Verify that the first character is a number and not a . 
  obj.value = obj.value.replace(/\.{2,}/g,"."); //Only keep the first one. Clear the rest.   
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");

}
</script>
</head><body>Text box that can only input numbers and decimal points: <input name="input1" onkeyup="clearNoNum(this)"></body></html>

The above is the full content of this article. I hope that the content of this article can bring some help to your study or work. At the same time, I also hope that you can support 123WORDPRESS.COM!

<<:  Detailed explanation of how two Node.js processes communicate

>>:  Let's talk about the performance of MySQL's COUNT(*)

Recommend

Vue dynamically displays the day of the week corresponding to the date according to the selected month

We, humble coders, still have to sing, "You ...

About MySQL innodb_autoinc_lock_mode

The innodb_autoinc_lock_mode parameter controls t...

JavaScript to achieve stair rolling special effects (jQuery implementation)

I believe everyone has used JD. There is a very c...

Vue mobile terminal realizes finger sliding effect

This article example shares the specific code for...

Detailed explanation of mysql filtering replication ideas

Table of contents mysql filtered replication Impl...

Detailed explanation of Nginx proxy_redirect usage

Today, I encountered a little problem when I was ...

Realizing the effect of carousel based on jQuery

This article shares the specific code of jQuery t...

Detailed explanation of the meaning of N and M in the MySQL data type DECIMAL(N,M)

A colleague asked me what N and M mean in the MyS...

Detailed code for adding electron to the vue project

1. Add in package.json "main": "el...

Solution to EF (Entity Framework) inserting or updating data errors

Error message: Store update, insert, or delete st...

Tutorial on installing Odoo14 from source code on Ubuntu 18.04

Table of contents Background of this series Overv...

Usage of Linux userdel command

1. Command Introduction The userdel (user delete)...

Specific use of Linux dirname command

01. Command Overview dirname - strip non-director...

MySQL Workbench download and use tutorial detailed explanation

1. Download MySQL Workbench Workbench is a graphi...

Vue implements small notepad function

This article example shares the specific code of ...