脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 正则表达式 → js 正则 input 输入框

JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数

 更新时间：2016年05月03日 10:23:47   投稿：mrr  
这篇文章主要介绍了JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数的相关资料,需要的朋友可以参考下

第一： 限制只能是整数

<input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" />

如果不是整数就直接alert

第二： 限制是两位的小数

<input type = "text" name= "price" id = 'price' onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert('只能输入数字，小数点后只能保留两位');this.value='';}" />

原理：

通过 正则表达式判断，不满足 执行alert。

第一个正则表达式是 /^d+$/ 表示可以是一个或者多个数字

第二个正则表达式是

/^d*(?:.d{0,2})?$/

表示必须是数字开头，数字结尾。

这里重点是要数字结尾， 在计算机中通常小数 1. , 2. 这种写法， 就是可是小数点结尾的， 是正确的。这里强制让数字结尾。

test()

只要找到满足的部分就返回真。

意思是是

/d/. test ( 'a' ) // false
/d/. test ( 'a' ) // true
/d/. test ( 'a' ) // true

所以要保证谁开头谁结尾。 开头用 $, 结尾用 ^

下面给大家介绍js正则限制input框输入的常用代码

1.只能输入数字和英文的：

<input onkeyup="value=value.replace(/[\W]/g,'') " 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 
ID="Text1" NAME="Text1">

2.只能输入数字的： 

<input onkeyup="value=value.replace(/[^\d]/g,'') " 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 
ID="Text2" NAME="Text2">

3.只能输入全角的： 

<input onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" 
ID="Text3" NAME="Text3">

4.只能输入汉字的： 

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" 
ID="Text4" NAME="Text4">

5.邮件地址验证：

var regu = 
"^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$" 
var re = new RegExp(regu); 
if (s.search(re) != -1) { 
return true; 
} else { 
window.alert ("请输入有效合法的E-mail地址 ！") 
return false; 
}

6.身份证：

"^\\d{17}(\\d|x)$" 
7.17种正则表达式 
"^\\d+$"　　//非负整数（正整数 + 0） 
"^[0-9]*[1-9][0-9]*$"　　//正整数 
"^((-\\d+)|(0+))$"　　//非正整数（负整数 + 0） 
"^-[0-9]*[1-9][0-9]*$"　　//负整数 
"^-?\\d+$"　　　　//整数 
"^\\d+(\\.\\d+)?$"　　//非负浮点数（正浮点数 + 0） 
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　//正浮点数 
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"　　//非正浮点数（负浮点数 + 0） 
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　//负浮点数 
"^(-?\\d+)(\\.\\d+)?$"　　//浮点数 
"^[A-Za-z]+$"　　//由26个英文字母组成的字符串 
"^[A-Z]+$"　　//由26个英文字母的大写组成的字符串 
"^[a-z]+$"　　//由26个英文字母的小写组成的字符串 
"^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串 
"^\\w+$"　　//由数字、26个英文字母或者下划线组成的字符串 
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"　　　　//email地址 
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"　　//url

1.取消按钮按下时的虚线框

　　在input里添加属性值 hideFocus 或者 HideFocus=true

2.只读文本框内容

在input里添加属性值 readonly

3.防止退后清空的TEXT文档(可把style内容做做为类引用) 

　<INPUT style=behavior:url(#default#savehistory); type=text 
id=oPersistInput>

4.ENTER键可以让光标移到下一个输入框 

　<input onkeydown="if(event.keyCode==13)event.keyCode=9" >

5.只能为中文(有闪动) 

　<input onkeyup="value="/value.replace(/[" -~]/g,'')" 
onkeydown="if(event.keyCode==13)event.keyCode=9">

6.只能为数字(有闪动) 

　　<input onkeyup="value="/value.replace(/["^\d]/g,'') 
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

7.只能为数字(无闪动) 

<input ime-mode:disabled" 
onkeydown="if(event.keyCode==13)event.keyCode=9" onKeypress="if 
((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

8.只能输入英文和数字(有闪动) 

<input onkeyup="value="/value.replace(/[\W]/g,"'')" 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

9.屏蔽输入法 

　　<input type="text" name="url" ime-mode:disabled" 
onkeydown="if(event.keyCode==13)event.keyCode=9">

10. 只能输入 数字，小数点，减号（-） 字符(无闪动) 

　<input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && 
(event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

11. 只能输入两位小数，三位小数(有闪动) 

<input maxlength=9 
onkeyup="if(value.match(/^\d{3}$/))value="/value.replace(value,parseInt(value/10))" 
;value="/value.replace(/\.\d*\./g,'."')" onKeyPress="if((event.keyCode<48 
|| event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || 
value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) 
{event.returnValue=false}" id=text_kfxe name=text_kfxe>
您可能感兴趣的文章:

相关文章

  • 正则表达式模式修饰符

    正则表达式模式修饰符

    下面列出了当前可用的正则表达式修饰符。括号中提到的名字是正则表达式内部这些修饰符的名称。 模式修饰符中的空格，换行符会被忽略，其他字符会导致错误
    2016-12-12
  • 比较常用证件正则表达式验证大全

    比较常用证件正则表达式验证大全

    最近做项目，有项目需求需要对各种常用的证件进行验证。而港澳通行证，台湾通行证，护照这些证件，在网上没有搜到正则验证的方法，后来经过一番折腾，结合validator这个验证插件写了一些代码，在此分享给大家，需要的朋友可以参考下
    2015-10-10
  • js正则表达式之exec方法讲解

    js正则表达式之exec方法讲解

    该函数通过对指定你的字符串进行一次匹配检测，获取字符串中的第一个与正则表达式的内容，并且将匹配的内容和子匹配的结果存放在返回数组中
    2012-10-10
  • 常用正则表达式及评注-学习正则必备

    常用正则表达式及评注-学习正则必备

    2008-02-02
  • php下常用表单验证的正则表达式

    php下常用表单验证的正则表达式

    php下经常用到的验证表单是不是email，是不是数字等的正则表达式，直接可以用
    2008-06-06
  • PHP 正则 email语句详解

    PHP 正则 email语句详解

    PHP正则校验email的代码相信好好学过PHP的人都应该知道下面这段用于eamil校验的语句，但是真正能看懂的就不多了。
    2009-10-10
  • 正则表达式的应用

    正则表达式的应用

    [蓝色]正则表达式的应用...
    2006-11-11
  • JS基础系列之正则表达式

    JS基础系列之正则表达式

    正则表达式在开发中经常会用到，是个很好用的东东，今天小编就给大家分享js正则表达式的基础知识，非常适合新手学习
    2016-12-12
  • 检查素数的正则表达式分享

    检查素数的正则表达式分享

    一般来说，我们会使用正规表达式来做字符串匹配，今天在网上浏览的时候，看到了有人用正则表达式来检查一个数字是否为素数（质数），让我非常感兴趣
    2011-08-08
  • 正则表达式简介及在C++11中的简单使用教程

    正则表达式简介及在C++11中的简单使用教程

    正则表达式(regular expression)是计算机科学中的一个概念，又称规则表达式，通常简写为regex、regexp、RE、regexps、regexes、regexen。接下来通过本文给大家介绍正则表达式简介及在C++11中的简单使用教程，一起通过本文学习吧
    2017-02-02

最新评论