- 浏览: 108723 次
- 性别:
- 来自: 江西
文章分类
最新评论
-
antsshadow:
如何在IE6、IE7、IE8中使用HTML5 canvas -
fei_6666:
请问 $('#livemargins_contro' ).bg ...
jquery.bgiframe.js解决下拉列表框被遮盖(iE 6下存在的情况) -
geliyang:
function(value,element)这里的value ...
Jquery Validator 的addMethod用法備忘
ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9" >
只能是中文
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">
屏蔽输入法
<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">
只能输入英文和数字
<input onkeyup="value=value.replace(/[\W]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
onkeydown="if(event.keyCode==13)event.keyCode=9">
只能是数字
<input onkeyup="value=value.replace(/[^\d]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
只能显示,不能修改
<input readonly value="只能显示,不能修改">
只能输数字,判断按键的值
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
event.returnValue=false;
}
</script>
<input onkeydown="onlyNum();">
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 tvalue="" ovalue=""
onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else
this.tvalue=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.ovalue=this.value"
onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else
this.tvalue=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.ovalue=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.ovalue=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')">
只能是数字和小数点和加减乘際
9.只能输入数字、小数点、负数
<input name="input" type="text" onkeyup="JHshNumberText(this)" id="title">
<br>
<script language="javascript" type="text/javascript">
function JHshNumberText(a)
{
var fa="";
if(a.value.substring(0,1)=="-")
fa="-";
var str=(a.value.replace(/[^0-9.]/g,'')).replace(/[.][0-9]*[.]/, '.');
if (str.substring(0,1)==".")
str="0"+str;
a.value=fa+str;
}
</script>
1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true
<input type="submit" value="提交" hidefocus="true" />
2.只读文本框内容,在input里添加属性值 readonly
<input type="text" readonly />
3.防止退后清空的TEXT文档(可把style内容做做为类引用)
<input type="text" style="behavior:url(#default#savehistory);" />
4.ENTER键可以让光标移到下一个输入框
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />
5.只能为中文(有闪动)
<input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" />
6.只能为数字(有闪动)
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')
"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
/>
7.只能为数字(无闪动)
<input type="text" style="ime-mode:disabled"
onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if
((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"
/>
8.只能输入英文和数字(有闪动)
<input type="text" onkeyup="value=value.replace(/[\W]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
/>
9.屏蔽输入法
<input type="text" name="url" style="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 type="text" 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}" />
发表评论
-
在js文件中显示jquery的智能提示VS2010
2012-05-25 15:30 0///<reference path="jqu ... -
关于浏览器内核的一些概念
2011-12-14 11:37 841什么是浏览器内核 要想搞清楚浏览器内核是什么, ... -
将手机网站做成手机应用的JS框架
2011-11-30 14:26 943将手机网站做成手机应用的JS框架 发表于 2010年09月1日 ... -
jquery实现无缝图片滚动
2011-10-24 13:58 923<!DOCTYPE HTML> <html& ... -
JS变量的作用域
2011-10-18 14:53 745JavaScript中变量的作用域非常奇特,如果不仔细研究,一 ... -
图片延迟加载之随滚动条显示
2011-10-18 14:38 1419经常上tudou网,发现tudou首页加载图片的功能很有意思, ... -
jquery实现tab选项卡
2011-09-08 10:36 1104<section class="recomme ... -
常用JS代码大全
2011-09-07 18:42 2128事件源对象 event.srcElement ... -
jquery实现自定义select表单
2011-09-06 19:09 890<!DOCTYPE html PUBLIC " ... -
jquery实现图片幻灯片切换代码
2011-09-01 19:20 635<!DOCTYPE html PUBLIC " ... -
js控制图片自动等比例缩放
2011-08-29 16:17 856function imgfix(){ var maxw ... -
json返回数组的处理。
2011-08-16 12:28 1288后台返回json的格式为“{'name':'woe','age ... -
50个jQuery代码段帮你成为更好的JavaScript开发者
2011-08-16 12:26 11041. 如何创建嵌套的过滤器: -
javascript基础知识大集锦(2)
2011-08-15 12:44 634本期主题:正则表达式 call(),apply(),calle ... -
javascript基础知识大集锦(1)
2011-08-15 12:42 774主要知识点:js数组,数字函数,字符串函数,表单验证,hash ... -
用 Javascript 实现检测、添加、移除样式(className)
2011-08-12 16:36 904前台脚本中,我们经常要操作页面元素的样式,比如标签页切换时 ... -
iframe自适应高度
2011-08-08 17:45 668父页: <script type="text ... -
jQuery插件通用的框架
2011-06-07 12:05 857/* * tableUI 0.1 * ... -
jQuery图片切换,轮播效果
2011-05-26 18:06 2555<!DOCTYPE html PUBLIC " ... -
jQuery图片切换,轮播效果
2011-05-26 13:34 2030用jQuery实现迅雷首页(http://xunlei.com ...
相关推荐
包含了常用的验证,包括为空验证,email,身份证,字符,汉字 等等。。
JS控制input_输入字符限制
js实现input限制输入字符(字节)数多出的自己自动去掉
本篇文章主要是对js控制input输入字符方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
这些js禁止输入特殊字符,使用起来还是非常方便。本人使用的心得分享大家一起看。如果大家觉得好用希望给个好评!
这些事件可以帮助你跟踪用户在输入框中输入、编辑和删除文本的过程,并包含输入字符事件完整生命周期触发讲解,对应需要掌握输入事件的有作用,当监听input事件只需要输入字符或复活字符事件时可按input和...
有好多人会遇到注册或者登陆密码时要求只能入数字或者字母,不能出现其他符号什么的,我这是在用apicloud工具开发遇到的小问题,所以发出来给其他人可能会遇到这个问题的人
本文主要介绍了js控制文本框禁止输入特殊字符的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
js限制textarea每行输入字符串长度的代码.docx
在html前端页面中密码输入框,输入一个字符显示明文,过一秒后再变*号的效果如何用js实现
第一种方法:通过字符搜索判断等实现,适合功能增强 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> [removed][removed] </...
不能输入!@#¥%……&* 这种字符的正则表达式书写: /[@#\$%\^&\*]+/g 这个是包含以上任意一个特殊字符。取! 即可 alert(!/[@#\$%\^&\*]+/g.test(“test”)) 返回 false 就代表不包含非法字符 . PS:关于...
文本框只能输入 数字,小数点,减号 字符的正则表达式
JS 控制文本框只能输入数字 代码如下: <input onkeyup=”value=value.replace(/[^0-9]/g,”)” onpaste=”value=value.replace(/[^0-9]/g,”)” oncontextmenu =”value=value.replace(/[^0-9]/g,”)”> JS...
Vue Fake输入是基于Vue.js的组件,用于为单个字符创建自定义输入。 目录 演示版 每次输入一个字符 或...粘贴整个值 安装 npm install vue-fake-input 或者如果您更喜欢纱线 yarn add vue-fake-input 用法 全球的 ...
input输入密码加密 html代码 <form id=login-form method=post onsubmit=return checkForm()> 输入密码<input type=password id=input-password> <input type=hidden id=md5-password name=...
第三个为最多输入的字符,一个汉字为2个字符。 这只是一个基础效果,欢迎同学们进行优化和改进。 要获取代码请查看demo的源文件 限制表单输入长度 汉字为两个字符 最多输入20个汉字 [Ctrl+A 全选 注:如...
使用JavaScript实时的计算用户当前输入的字符数函数代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript统计字符数</...