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
Summary of the differences between Mysql primary key and unique key
What is a primary key? A primary key is a column ...
Implementation steps for docker deployment lnmp-wordpress
Table of contents 1. Experimental Environment 2. ...
Detailed explanation of moment.js time and date processing
Monday to Sunday time format conversion (Y --- ye...
How to implement the @person function through Vue
This article uses vue, and adds mouse click event...
A practical record of troubleshooting a surge in Redis connections in Docker
On Saturday, the redis server on the production s...
Summary of Linux environment variable configuration methods (differences between .bash_profile and .bashrc)
Under Linux, if you download and install an appli...
mysql-5.7.21-winx64 free installation version installation--Windows tutorial detailed explanation
1 Download The address is: https://dev.mysql.com/...
How to start multiple MySQL instances in CentOS 7.0 (mysql-5.7.21)
Configuration Instructions Linux system: CentOS-7...
Two ways to remove the 30-second ad code from Youku video
I believe everyone has had this feeling: watching ...
How can the front end better display the 100,000 pieces of data returned by the back end?
Table of contents Preliminary work Backend constr...
Detailed analysis of MySQL optimization of like and = performance
introduction Most people who have used databases ...
Implementation of Vue large file upload and breakpoint resumable upload
Table of contents 2 solutions for file upload Bas...
Problems and solutions when installing and using VMware
The virtual machine is in use or cannot be connec...
Detailed explanation of encoding issues during MySQL command line operations
1. Check the MySQL database encoding mysql -u use...
Web page experience: Web page color matching
<br />The color of a web page is one of the ...