正则限制文本输入

时间:2021-03-16 人气:0

想了解正则限制文本输入的相关内容吗，在本文为您仔细讲解的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：正则限制文本输入，下面大家一起来学习吧。

<P><script>
 function regInput(reg)
 {
  var srcElem = event.srcElement
  var oSel = document.selection.createRange()
  var srcRange = srcElem.createTextRange()
  oSel.setEndPoint("StartToStart", srcRange)
  var num = oSel.text + String.fromCharCode(event.keyCode) + srcRange.text.substr(oSel.text.length)
  event.returnValue = reg.test(num)
 }
</script></P>
<P>小写英文：<xmp style="display:inline"> </xmp><input id=test onkeypress="regInput(/^[a-z]*$/)" style="ime-mode:Disabled">

大写英文：<xmp style="display:inline"> </xmp><input id=test onkeypress="regInput(/^[A-Z]*$/)" style="ime-mode:Disabled">

任意数字：<xmp style="display:inline"> </xmp><input id=test onkeypress="regInput(/^[0-9]*$/)" style="ime-mode:Disabled">

限2位小数：<xmp style="display:inline"> </xmp><input id=test onkeypress="regInput(/^\d*\.?\d{0,2}$/)" style="ime-mode:Disabled"> 如: 123.12

日　  期：<xmp style="display:inline"> </xmp><input id=test onkeypress="regInput(/^\d{1,4}([-\/](\d{1,2}([-\/](\d{1,2})?)?)?)?$/)" style="ime-mode:Disabled"> 如: 2002-9-29

任意中文：<xmp style="display:inline"> </xmp><input onkeypress="regInput(/^$/)">

部分英文：<xmp style="display:inline"> </xmp><input onkeypress="regInput(/^[a-e]*$/i)"  style="ime-mode:Disabled"> 范围: a,b,c,d,e

部分中文：<xmp style="display:inline"> </xmp>
<script language=javascript>
function checkChinese(oldLength, obj)
{
 var oTR = window.document.selection.createRange()
 oTR.moveStart("character", -1*(obj.value.length-oldLength))
 oTR.text = oTR.text.replace(/[^一二三四五六七八九十]/g, "")
}
</script>
<input onkeypress="return false" onkeydown="setTimeout('checkChinese('+this.value.length+','+this.uniqueID+')', 1)"> 范围: 一二三四五六七八九十
</P>
<P> </P>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容