javascript限制文本框输入值类型的方法
本文实例讲述了javascript限制文本框输入值类型的方法。分享给大家供大家参考。具体分析如下:
要求:所有的文本框,只能输入数字和小数点,其他的符号一概不能输入;
重点是我希望在用户输入时就做限制,而不是提交时判断——也就是说如果用户在文本框内输入数字或小数点,可以正常输入;如果输入字母等非数字字符,则文本框会没有任何反应,不会显示输入的字符。
<html> <body> <script> var s = "<input type=\"text\" size=\"20\" " + "style=\"text-align:center\" " + "onkeydown=\"if(event.keyCode>57&&event.keyCode!=190) return false\" "+ //限制只能输入数字 "onblur=\"value=value.replace(/[^0-9\.]/g,'')\" " + //限制鼠标点击输入非数字 "onbeforepaste=\"clipboardData.setData(\"text\"," + //限制只能粘贴数字 "clipboardData.getData(\"text\").replace(/[^0-9\.]/g,''))\">"; document.write(s); </script> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
JavaScript中如何判断一个值的类型
我们知道在js中有一个运算符可以帮助我们判断一个值的类型,它就是typeof运算符. console.log(typeof 123); //number console.log(typeof '123'); //string console.log(typeof true); //boolean console.log(typeof undefined); //undefined console.log(typeof null); //object console.log(typeof []);
-
JS正则表达式匹配检测各种数值类型(数字验证)
验证数字的正则表达式集 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数:^\+?[1-9][0-9]*$ 验证非零的负整数:^\-[1-9][0-9]*$ 验证非负整数(正整数 + 0) ^\d
-
JavaScript基本数据类型及值类型和引用类型
在JavaScript中四种基本的数据类型:数值(整数和实数).字符串型(用""号或''括起来的字符或数值).布尔型(使True或False表示)和空值.在JavaScript的基本类型中的数据可以是常量,也可以变量.由于JavaScript采用弱类型的形式,因而一个数据的变量或常量不必首先作声明,而是在使用或赋值时确定其数据的类型的.当然也可以先声明该数据的类型,它是通过在赋值时自动说明其数据类型的. javascript中的变量 javascript中的变量只是一个占位符,前言已经
-
js中的值类型和引用类型小结 文字说明与实例
一.拥抱JavaScript 曾经名不经传的JavaScript随着AJAX的流行而身价倍增,现在JavaScript不再仅仅是WEB开发中一个可有可无的辅助工具,甚至有了专门属于它的职位"JavaScript工程师",那怕你仅仅是一名WEB后台开发程序员,你都必须了解JavaScript,至少在一些相关招聘职位要求上你可以看到"熟悉JavaScript优先"的字眼.甚至我还要告诉你,你将可以用JavaScript开发桌面软件,这得益于Adobe AIR的另外一种开
-
JavaScript中的值类型详细介绍
计算机程序的实质很大程度上可以说是机器对各种信息(值)的操作与读写.在JavaScript中,存在多种类型的值,这些值分成两大类:Primitive(基本类型)和Object(对象). Primitive JavaScript中Primitive有5种类型: 1.Number.所有的数字,无论是整数还是小数,均为Number类型. 2.String.字符串类型. 3.Boolean.布尔类型,true或者false. 4.null.此类型只有null一个值. 5.undefined.此类型只有u
-
JavaScript中值类型和引用类型的区别
JavaScript的数据类型分为两类:原始类型和对象类型.其中,原始类型包括:数字.字符串和布尔值.此外,JavaScript中还有两个特殊的原始值:null和undefined,它们既不是数字也不是字符串,更不是布尔值.它们通常分别代表了各自特殊类型的唯一成员.JavaScript中除了数字.字符串.布尔值.null和undefined之外的就是对象了. JavaScript中值类型和引用类型的区别 JavaScript中的值类型的值是不可变的: 任何方法都无法改变值类型的值.数字.布尔值.
-
JavaScript中值类型与引用类型实例说明
复制代码 代码如下: <script type="text/javascript"> var str = 'abced'; var obj = new String(str); function newToString() { return 'hello,world'; } function func(val) { val.toString = newToString; } func(str); //ps:实际只传入了str的值,因此对它的toString修改是无意义的 传
-
JavaScript中的值类型转换介绍
在JavaScript中进行+.-.*./.==.!=等运算时,如果操作符左右两边的值类型与预期类型不一致,JavaScript会将操作符两边的值转换成预期的类型后再进行操作.预期值类型为string时,JavaScript会将值转换为string:预期值类型为number时,JavaScript会将值转换为number (如果无法转换为数值,则返回NaN)比如: 复制代码 代码如下: console.log(10 + " cats");//10 cats console.log(10
-
javascript限制文本框输入值类型的方法
本文实例讲述了javascript限制文本框输入值类型的方法.分享给大家供大家参考.具体分析如下: 要求:所有的文本框,只能输入数字和小数点,其他的符号一概不能输入: 重点是我希望在用户输入时就做限制,而不是提交时判断--也就是说如果用户在文本框内输入数字或小数点,可以正常输入:如果输入字母等非数字字符,则文本框会没有任何反应,不会显示输入的字符. <html> <body> <script> var s = "<input type=\"te
-
JavaScript获取文本框内选中文本的方法
本文实例讲述了JavaScript获取文本框内选中文本的方法.分享给大家供大家参考.具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本. 需要注意ie的问题. 代码如下: 复制代码 代码如下: <script type="text/javascript"> function getFieldSelection(select_field) { word=''; if (document.selection) {
-
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
本文实例讲述了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法.分享给大家供大家参考.具体如下: html代码: <form name="searchform" id="search-form"> <div> <b>Search</b> <input type="text" name="txtInput" title="Enter the t
-
JavaScript 限制文本框不可输入英文单双引号的方法
<input id="workname" style="width: 200px" name="workname" value="" type="text" onkeyup="JavaScript:replaceLikeVal(this)" /> 正则实现replaceAll: function replaceLikeVal(comp){ if (comp.value.ind
-
javascript设置文本框光标的方法实例小结
本文实例总结了javascript设置文本框光标的方法.分享给大家供大家参考,具体如下: 对于text //得到光标位置 function getCaret(textbox) { var control = document.activeElement; textbox.focus(); var rang = document.selection.createRange(); rang.setEndPoint("StartToStart",textbox.createTextRange
-
C#判断页面中的多个文本框输入值是否有重复的实现方法
本文实例讲述了C#判断页面中的多个文本框输入值是否有重复的实现方法,分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: List<string> list = new List<string>();//首先定义一个泛型数组 //这里假如说有四个文本框 string mainseat = this.textBox1.Text; string nextseat = this.textBox2.Text; string storeseat1 = this.textBox3.T
-
js显示文本框提示文字的方法
本文实例讲述了js显示文本框提示文字的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <
-
jQuery实现批量判断表单中文本框非空的方法(2种方法)
本文实例讲述了jQuery实现批量判断表单中文本框非空的方法.分享给大家供大家参考,具体如下: 方法一: <script type="text/javascript"> /* * 批量验证表单非空 * 需要非空验证控件的样式class="mustadd" */ $(".mustadd").each(function(){ if($(this).val() == ''){ alert("该项不可为空!"); $(th
-
JS给Textarea文本框添加行号的方法
本文实例讲述了JS给Textarea文本框添加行号的方法.分享给大家供大家参考.具体如下: 这里使用JS实现让Textarea文本框显示行号的功能,每一行的前面都会有下数字序号,如果用来显示代码的话,可以直接找到某一行,如果不显示行号,则还要自己手功去查,想要此功能,你只需设置好TextArea ID,并加入代码中的JavaScript代码部分即可,文本框的长宽则是由CSS来控制的,你可试着修改一下,长宽的显示要与JS相匹配. 运行效果截图如下: 在线演示地址如下: http://demo.jb
-
如何用javascript计算文本框还能输入多少个字符
下面代码超简单,不多说了,直接上代码. //输入计数 //count:能輸入的數據總量 function Calculation(v, count) { var span = $(v).next(); var valLength = $(v).val().length; if (valLength > count) { $(v).val($(v).val().substr(0, count)); valLength = count; } span.text("您已輸入" + va
随机推荐
- Sql Server下数据库链接的使用方法
- SQLSERVER中union,cube,rollup,cumpute运算符使用说明
- Angular2 PrimeNG分页模块学习
- vue 2.0路由之路由嵌套示例详解
- Android 实现圆角图片的简单实例
- java判断回文数示例分享
- oracle数据库冷备份的方法
- 基于Blod的ajax进度条下载实现示例代码
- JS图片等比例缩放方法完整示例
- 解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
- 发一个php简单的伪原创程序,配合商城采集用的
- JSP 开发之THE SERVLET NAME ALREADY EXISTS.解决方法
- MSDOS.SYS文件的参数设置方法
- MySQL多层级结构-树搜索介绍
- JQuery实现的图文自动轮播效果插件
- Flex Gumbo 通过textJustify样式设置TextBox文字对齐的例子
- C#使用foreach语句遍历集合类型的方法
- javascript 按键事件(兼容各浏览器)
- Android编程之四种Activity加载模式分析
- C语言线性表顺序存储结构实例详解