限制html文本框input只能输入数字和小数点的方法-html教程-PHP中文网

首页

web前端

html教程

限制html文本框input只能输入数字和小数点的方法

高洛峰

Mar 28, 2017 am 09:48 AM

input

本文主要介绍了限制html文本框input只能输入数字和小数点的方法。具有很好的参考价值。下面跟着小编一起来看下吧

代码：

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

PS：js实现只能输入数字和小数点的文本框

<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><title>js 只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
function clearNoNum(obj){   obj.value = obj.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符  
 obj.value = obj.value.replace(/^\./g,"");  //验证第一个字符是数字而不是. 
  obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的.   
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
</script>
</head><body>只能输入数字和小数点的文本框：<input name="input1" onkeyup="clearNoNum(this)"></body></html>

以上是限制html文本框input只能输入数字和小数点的方法的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

vue3怎么封装input组件和统一表单数据May 12, 2023 pm 03:58 PM

准备工作用vuecreateexample创建项目，参数大概如下：用原生input原生的input，主要是value和change，数据在change的时候需要同步。App.tsx如下：import{ref}from'vue';exportdefault{setup(){//username就是数据constusername=ref('张三');//输入框变化的时候，同步数据constonInput=;return()=>({

laravel input隐藏域怎么实现Dec 12, 2022 am 10:07 AM

laravel input隐藏域的实现方法：1、找到并打开Blade模板文件；2、在Blade模板中使用method_field方法来创建隐藏域，其创建语法是“{{ method_field('DELETE') }}”。

点击input框没有光标怎么办Nov 24, 2023 am 09:44 AM

点击input框没有光标的解决办法：1、确认输入框焦点；2、清除浏览器缓存；3、更新浏览器；4、使用JavaScript；5、检查硬件设备；6、检查输入框属性；7、调试JavaScript代码；8、检查页面其他元素；9、考虑浏览器兼容性。

Vue文档中的input框绑定事件详解Jun 21, 2023 am 08:12 AM

Vue.js是一种轻量级的JavaScript框架，具有易用、高效和灵活的特点，是目前广受欢迎的前端框架之一。在Vue.js中，input框绑定事件是一个十分常见的需求，本文将详细介绍Vue文档中的input框绑定事件。一、基础概念在Vue.js中，input框绑定事件指的是将输入框的值绑定到Vue实例的数据对象中，从而实现输入和响应的双向绑定。在Vue.j

Vue文档中的input框回车事件和验证函数使用方法Jun 20, 2023 am 09:13 AM

Vue是一个流行的JavaScript前端框架，它的核心是响应式数据绑定和组件系统。在Vue的应用程序中，input框是最常用的UI元素之一。在用户输入文本时，我们希望可以监听回车事件，并且在提交前对输入内容进行验证。本篇文章将介绍Vue文档中的input框回车事件和验证函数使用方法。一、Vue中input框回车事件在Vue中监听input框的回车事件非常简

jquery中input是什么元素Jun 06, 2023 pm 02:18 PM

jquery中input是选择器选取表单元素，其作用是：1、input用于搜集用户信息，根据不同的type属性值，输入字段拥有很多种形式，输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等；2、input标签可定义输入域的开始，在其中用户可输入数据；3、使用input标签来进行定义，其中包括文本字段、多选列表、可单击的图像和提交按钮等。

html5 input 禁止输入怎么实现Feb 03, 2023 am 10:02 AM

html5 input禁止输入的实现方法：1、通过readonly规定输入字段为只读可复制；2、通过disabled实现被禁用的input元素可复制，但不能接收焦点；3、通过控制input的max length为0实现；4、通过“οnfοcus="this.blur();"”实现不能输入文本即可。

Razer DeathAdder V3 HyperSpeed: New mouse offers high resolution and up to 8,000 Hz wireless polling rateJun 22, 2024 am 12:20 AM

Razer offers an extensive range of gaming accessories. The manufacturer is now expanding this range with the Razer DeathAdder V3 HyperSpeed.This is a lightweight and ergonomic mouse that can be used wirelessly, offering high freedom and minimal hindr

See all articles