js控制输入框/Js格式控制

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)
}