<%@ page language="java" contentType="text/html; charset=gb2312"
pageEncoding="gb2312"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Insert title here</title>
</head>
<body>
<style>
.yy{font-family:"楷体";font-size:24px;color:#9932CC;}
</style>
<div class="yy">
<font color="#DC143C" size="4">非法输入的两种报错处理:</font><br/>
只能输入数字(非法输入将弹出提示对话框)<input type="text" name="txt1" onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}" /><br/>
<font color="#EE82EE" size="4">true:0|123|0123|... &nbsp;&nbsp; false:a|12c|1.|...</font><br/>
只能输入数字(非法输入将直接替换为空)<input onkeyup="this.value=this.value.replace(/\D/g,'')" type="text" /><br/>
<font color="#EE82EE" size="4">true:0|123|0123|... &nbsp;&nbsp; false:a|12c|1.|...</font><br/>
<font color="#DC143C" size="4">后文中统一使用第二种(非法输入将直接替换为空)</font><br/><br/>
1.只能输入数字 <input onkeyup="value=value.replace(/\D/g,'')" type="text" /><br/> <!-- OR value=value.replace(/[^\d]/g,'') -->
<font color="#EE82EE" size="4">&nbsp;&nbsp;true:0|123|0123|...&nbsp;&nbsp;false:a|12c|1.|...</font><br/>
2.只能输入数字和英文的 <input onkeyup="value=value.replace(/[\W]/g,'') " type="text" /><br/>
<font color="#EE82EE" size="4">true:0|A|a|... &nbsp;&nbsp; false:-|a*|1.|...</font><br/>
3.只能输入中文的 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" type="text"/><br/>
<font color="#EE82EE" size="4">true:哈哈哈|... &nbsp;&nbsp; false:a|12c|1.|...</font><br/>
4.只能输入大小写英文 <input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" type="text" /><br/>
<font color="#EE82EE" size="4">true:abc|ABC|... &nbsp;&nbsp; false:a1|a.|...</font><br/>
5.只能输入非负有理数 <input onkeyup="if(isNaN(value))execCommand('undo')" type="text" /><br/>
<font color="#EE82EE" size="4">&nbsp;&nbsp;true:0.1|12|12.3|...&nbsp;&nbsp;false:.0|1.2.|a|...</font><br/>
6.只能输入负有理数 <input onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}" type="text" /><br/>
<font color="#EE82EE" size="4">&nbsp;&nbsp;true:+1.2|-1.2|0.12|...&nbsp;&nbsp;false:+-|0.1.|1+|...</font><br/>
7.不能输入数字 <input onkeyup="value=value.replace(/[\d]/g,'') " type="text" /> <br />
<font color="#EE82EE" size="4">&nbsp;&nbsp;true:abc|+-*/?!|哈哈哈|...&nbsp;&nbsp;false:012|...</font><br/>
8.只能输入英文字母和数字 <input onkeyup="value=value.replace(/[^\w]/ig,'')" type="text" /><br/>
<font color="#EE82EE" size="4">&nbsp;&nbsp;true:abc|ABC|123|...&nbsp;&nbsp;false:+-|哈哈哈|./\?!|...</font><br/>
9.只能输入数字0 <input onkeyup="value=value.replace(/[^0]/g,'')" type="text" /> <br/>
<font color="#EE82EE" size="4">&nbsp;&nbsp;true:0|00|000|...&nbsp;&nbsp;false:1|+|s|...</font><br/>
10.除数字0以外均可输入 <input onkeyup="value=value.replace(/0/g,'')" type="text" /> <br/>
<font color="#EE82EE" size="4">&nbsp;&nbsp;true:abc|+-|456|...&nbsp;&nbsp;false:0</font><br/>
11.小数点后最多只能有两位数字(不能输入字母和运算符号) <input onkeypress="if((event.keyCode&lt;48 || event.keyCode&gt;57) &amp;&amp; event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false" type="text" /><br/>
<font color="#EE82EE" size="4">&nbsp;&nbsp;true:123|0.12|.56|...&nbsp;&nbsp;false:0f|0.123|.f|...</font><br/>
</div>
</body>
</html>

html<input>输入框中各种正则表达式设置的更多相关文章

  1. 控制input输入框中提示信息的显示和隐藏的方法

    在运用html+css+javascrpt进行页面制作时,我们往往会遇到一些影响用户体验,而又容易被我们忽视的小细节.比如,input输入框中的提示信息,怎样才能根据对象获得和失去焦点而实现其显示和隐 ...

  2. 实现bootstrap布局的input输入框中的图标点击功能

    使用bootstrap布局可以在input的输入框中添加譬如登录名输入框中的一键清除图标和密码输入框中显示密码的小眼睛图标.如下图: 但是在将图标放入input输入框中,这些小图标是无法获得点击事件的 ...

  3. jquery获取input输入框中的值

    如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML <input type="tex ...

  4. js与jquery获取input输入框中的值

    如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值 通过 ...

  5. 去除Input输入框中边框的方式

    我们在做制作注册页面时,经常会需要消除Input带来的边框,这时候我们需要用到两个属性 一个是input在非激活状态下,不现实边框,代码规则为 border:none:同时当鼠标移到input输入框上 ...

  6. angular2+ form 表单中 input输入框的disabled属性设置无效

    最近项目中遇到一个表单input设置disabled问题,直接赋值angular原生的[disabled]=“isDisabled”无效,浏览器警告信息: 无奈,只能按照控制台提示修改: 问题解决

  7. 【转】input输入框中光标高度的变化问题

    原文地址:http://blog.csdn.net/luochao_tj/article/details/17755457 input[type='text']文本框光标高度在有输入内容和为空时发生很 ...

  8. selenium 获取input输入框中的值的方法

    方法一:获取input的文本值 <input class="form-text-normal" id="txtName" name="Name& ...

  9. 实时获取input输入框中的值

    //输入框正在输入时 $("#ipt").on('input',function(){ if(!($('#ipt').val()=='')){ $(".cancle_ic ...

随机推荐

  1. 7 款灵巧实用的 CSS3/jQuery 工具

    作为 Web 前端开发者,应该对 jQuery 比较熟悉,对免费开源的 jQuery 也用的非常多.但是随着 CSS3 标准的诞生和发展,很多 jQuery 插件也都纷纷应用了 CSS3 新标准,也因 ...

  2. 关于Cocos2d-x发布游戏的时候遇到的问题和解决

    发布经常会遇到各种各样的问题,发布失败会返回一些值,但是这些值并不是重点,要看发布过程中产生的日志才能真正找到问题所在.我在发布自己做的第一个游戏的时候,遇到了各种各样的问题,不过都一一解决,下面是问 ...

  3. DirectoryEntry 账户启动与停用 以及创建账户等

    启动账户: DirectoryEntry usr = new DirectoryEntry("LDAP://CN=New User,CN=users,DC=fabrikam,DC=com&q ...

  4. 74hc165三片级联

    3片74HC165进行级联,用于扩展IO口,读取外界设备的数据. unsigned int read_74165(void) { unsigned ; unsigned ; //三片74hc165,需 ...

  5. socket client简单传输数据

    1.整数转换为用于TCP传输的二进制 _host = "127.0.0.1" _port = 5678 _address = (_host, _port) s=socket.soc ...

  6. CleanMyMac 3.7.5最强中文版_激活码_破解版_下载_注册码

    版权归作者所有,任何形式转载请联系作者.作者:缘来远去(来自豆瓣)来源:https://www.douban.com/note/612586476/ 最新版CleanMyMac 3中文版本已经发布快要 ...

  7. ThinkPHP中调用PHPExcel

    //引入PHPExcel vendor('PHPExcel.PHPExcel'); // Create new PHPExcel object $objPHPExcel = new PHPExcel( ...

  8. vc 获取 硬盘序列号 和 cpu

    vc 获取 硬盘序列号 和 cpu 唯一iD的方法?如题---------网上找来很多资料 也没找到, 要支持xp win7 32/64 系统下都能获取 硬盘序列号 和cpu ID 哪位朋友帮帮忙: ...

  9. 谈谈我对Android View事件分发的理解

    写这篇博客的缘由.近期因为项目中用到相似一个LinearLayout中水平布局中,有一个TextView和Button,然后对该LinearLayout布局设置点击事件.点击TextView能够触发该 ...

  10. 使用Dreamweaver开发php

    1.新建站点,开发的目录 2.服务器,服务器的目录   (并修改为“测试”) 3.必须结合WANP5