js控制输入框/Js格式控制
来源:互联网 发布:xp编程器官网 编辑:程序博客网 时间:2024/05/21 08:55
http://baoasp.blog.163.com/blog/static/132785584200910181233747/
1、取消按钮按下时的虚线框
在input里添加属性值 hideFocus 或者 HideFocus=true
2、只读文本框内容
在input里添加属性值 readonly
3、防止退后清空的TEXT文档
<INPUT style="behavior:url(#default#savehistory)" type="text">
也可以把style内容做为类引用,比如:
.saveHistory{behavior:url(#default#savehistory)}
<INPUT class="saveHistory" type="text">
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 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 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 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>
12
<form name= "myform ">
<input name= "me " maxlength= "20 " onChange= "inputdata() ">
</form>
定义函数:
<script language= "javascript ">
function inputdata()
{
with(window.myform)
{
if(me.value.charAt(me.value.length-1) < '0 '|me.value.charAt(me.value.length-1)> '9 ')
me.value=me.value.subString(0,me.value.length);
}
}
</script>
13
<input TYPE= "text " name= "test "
value= " "
onkeypress = "return regInput(this, /^/d{0,10}/.?/d{0,2}$/, String.fromCharCode(window.event.keyCode)) "
onpaste = "return regInput(this, /^/d{0,10}/.?/d{0,2}$/, window.clipboardData.getData( 'Text ')) "
ondrop = "return regInput(this, /^/d{0,10}/.?/d{0,2}$/, window.event.dataTransfer.getData( 'Text ')) "
>
function regInput(obj, reg, inputStr)
{
if(event.srcElement.getAttribute( "readonly ")||event.srcElement.getAttribute( "disabled "))return false;
if(event.keyCode <46 || event.keyCode> 57)return false;
var docSel = document.selection.createRange();
if (docSel.parentElement().tagName != "INPUT ") return false;
oSel = docSel.duplicate()
oSel.text = " "
var srcRange = obj.createTextRange()
oSel.setEndPoint( "StartToStart ", srcRange)
var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)
return reg.test(str)
}
- js控制输入框/Js格式控制
- js控制input输入格式
- js实现控制日期输入格式
- js函数实现输入格式的控制
- JS控制日期格式
- JS控制文本框输入
- JS控制input输入
- js 输入控制技巧
- js控制输入
- js 控制 输入 数字
- JS控制input输入
- css&js 控制输入
- JS 控制 输入框input 输入数字
- js控制输入框只能输入数字
- 史上最全的js/jquery/javascript控制input输入框输入格式的代码
- 吴磊自己写的js 控制输入数字格式
- js控制输入框最大长度
- 控制中文输入的js
- j2se 知识总结
- 在Magento中为信用卡支付方式添加一些信息
- 【转载】Linux设备驱动程序
- oracle死锁原因分析
- spring 中属性scope 的prototype(有状态)和singleton(无状态)
- js控制输入框/Js格式控制
- 如何给wordpress提速以及进行性能优化–初级入门版之2
- linux下oracle的安装与卸载及相关问题解决方案
- Linux系统挂载命令之我见
- linux下oracle的安装与卸载及相关问题解决方案
- [转贴]oracle死锁故障分析和诊断解决
- linux学习笔记--命令
- magento -- 关于更新订单状态的API接口函数
- linux下oracle的安装与卸载及相关问题解决方案