html 输入框验证

JS判断只能是数字和小数点

1.文本框只能输入数字代码(小数点也不能输入)
<input onkeyup="this.value=this.value.replace(/\D/g,‘‘)" onafterpaste="this.value=this.value.replace(/\D/g,‘‘)">

2.只能输入数字,能输小数点.
<input onkeyup="if(isNaN(value))execCommand(‘undo‘)" onafterpaste="if(isNaN(value))execCommand(‘undo‘)">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert(‘只能输入数字‘);this.value=‘‘;}">

3.数字和小数点方法二
<input type=text t_value="" o_value="" 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}">

4.只能输入字母和汉字
<input onkeyup="value=value.replace(/[\d]/g,‘‘) "onbeforepaste="clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[\d]/g,‘‘))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,‘‘)">

6.只能输入数字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,‘‘)">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,‘$1$2.$3‘)">

输入中文:  
<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,‘‘)">  
  
输入数字:  
<input type="text" onkeyup="this.value=this.value.replace(/\D/g,‘‘)">  
  
输入英文:  
<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,‘‘)">  
  
三个合在一起  
<input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, ‘‘)">  
  
只输入数字和字母  
<INPUT class="input" maxLength=12 size=15 name=username id="username" onKeyUp="value=value.replace(/[\W]/g,‘‘)">

除了英文的标点符号以为 其他的人都可以中文,英文字母,数字,中文标点
<input type="text" onkeyup="this.value=this.value.replace(/^[^[email protected]#$%^&*()-=+]/g,‘‘)">

转自:http://blog.csdn.net/tk1905345/article/details/7828852

标签:

时间: 2024-08-03 15:03:46

html 输入框验证的相关文章

Jquery各种常用输入框验证

1 /// <reference path="jquery.min.js" /> 2 //非负整数验证(且首字不为零) 3 function intVerify(str) { 4 if (str != "") { 5 var Regex = /^[1-9]\d*$/; 6 if (Regex.test(str)) { 7 $("#showid2").text("验证通过"); 8 } else { 9 $(&quo

Input常用的输入框验证(正则)

1.只是不能输入空格 <input type="text" οnkeyup="this.value=this.value.replace(/^ +| +$/g,'')"> .不能输入空格及英文状态下的逗号 <input type="text" οnkeyup="this.value=this.value.replace(/[, ]/g,'')"> 3.只能输入数字 <input type=&quo

TextInputLayout输入框验证

1 <!-- 2 通过修改<color name="colorAccent">#023cfa</color>可以修改正确提示文本的颜色 3 添加<item name="android:textColorPrimary">@color/textColorPrimary</item>属性可以修改输入文本的颜色 4 --> 5 <android.support.design.widget.TextInput

正则表达式输入框验证

说明 1 onkeyup”=按键抬起触发,“onafterpaste”=粘贴之后触发,整体的意思是用于限制 2 3 \D:类似[^0-9] 非数字 4 /g:全局 5 this.value=this.value.replace(/\D/g,'') :把所有非数字的替换成空 6 7 img 是模式,为可选参数 8 i 忽略大小写 9 m 多行模式 10 g 全局模式 11 12 \D等价于[^0-9] 13 \w等价于[A-Za-z_0-9] 14 \W等价于[^A-Za-z_0-9] 15 16

angular 输入框实现自定义验证

此插件使用angular.js.JQuery实现.(jQuery的引入需在angular 之前) 用户可以 在输入框输入数据后验证 必填项.整数型.浮点型验证. 如果在form 里面的输入框验证,可以点击 提交按钮后,实现 必填项验证. 效果图如下: (1)验证未通过时,背景标红等样式为 input.ng-invalid, select.ng-invalid { background-color: #ee82ee !important; border: 1px solid #CCC; } .qt

输入框聚焦隐藏提示语

JavaScript: function focus(){ $(".input_txt").each(function(){ var thisVal=$(this).val(); //判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示 if(thisVal!=""){ $(this).siblings("label").hide(); }else{ $(this).siblings("label").show();

AngularJS 的表单验证

最近开始学习angularjs,学到表单验证的时候发现有必要学习下大神的好文章: 转:http://www.oschina.net/translate/angularjs-form-validation 今天我们将来看看Angular如何帮助做表单验证. 我们将讨论更多使用angular进行有关表单操作的东西(就像我们另外的一篇文章: 提交Ajax表单:AngularJS的方式). 不过不用担心,那篇文章不一定要读的. 我们将重点放在客户端验证上,并使用Angular内置的表单属性.这里有一个 

判断输入的字符是否为整数(包含整数格式验证)

在项目中,很多时候都会有输入框的存在,为了防止用户随意输入都会有限制,最近遇到一种需求,输入价格时只能输入数字类型,并且输入的数字格式要正确, 在网上搜索的很多验证数字的对格式没有校验,所以自己就完善了一下,使用的正则表达式,但是由于自己正则知识实在匮乏,写的比较low,不过也能实现最终的效果吧 能通过验证的数字类型: 0.9, 1, 20.... 不能通过验证的数字: 00.9, 0, 09, 99., 其他包含字母,标点符号的字符串 项目里的输入框是用的element的form表单,form

CSS选择器详解

CSS选择器详解 选择器是CSS的核心,从最初的元素.class/id选择器,演进到伪元素.伪类,以及CSS3中提供的更丰富的选择器,定位页面上的任意元素开始变得愈发的简单. 1.元素选择器 这是最基本的CSS选择器,HTML文档中的元素本身就是一个选择器: p {line-height:1.5em; margin-bottom:1em;} 2.关系选择器 E F:后代选择器,该选择器定位元素E的后代中所有元素F: ul li {margin-bottom:0.5em;} E > F:子选择器,