js正则表达式 只能输入3位数字

JavaScript013

js正则表达式 只能输入3位数字,第1张

js正则表达式：/^(?:[1-9]?\d|999)$/

代码实现：

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<title></title>

</head>

<body>

<scripttype="text/javascript"src="js/jquery-2.0.3.min.js"></script>

<script>

functioncheck(str){

varre=/^(?:[1-9]?\d|100)$/

if(re.test(str)){

$("input").val(str)

}else{

$("input").val('')

}

}

</script>

<inputname="aaa"οnkeyup="check(this.value)">

</body>

</html>

扩展资料：

正则表达式元字符

\：将下一个字符标记符、或一个向后引用、或一个八进制转义符。例如，“\\n”匹配\n。“\n”匹配换行符。序列“\\”匹配“\”而“\(”则匹配“(”。

^：匹配输入字行首。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。

$：匹配输入行尾。如果设置了RegExp对象的Multiline属性，$也匹配“\n”或“\r”之前的位置。

*：匹配前面的子表达式任意次。例如，zo*能匹配“z”，也能匹配“zo”以及“zoo”。*等价于{0,}。

+：匹配前面的子表达式一次或多次(大于等于1次）。例如，“zo+”能匹配“zo”以及“zoo”，但不能匹配“z”。+等价于{1,}。

?：匹配前面的子表达式零次或一次。例如，“do(es)?”可以匹配“do”或“does”。?等价于{0,1}。

{n}：n是一个非负整数。匹配确定的n次。例如，“o{2}”不能匹配“Bob”中的“o”，但是能匹配“food”中的两个o。

{n,}：n是一个非负整数。至少匹配n次。例如，“o{2,}”不能匹配“Bob”中的“o”，但能匹配“foooood”中的所有o。“o{1,}”等价于“o+”。“o{0,}”则等价于“o*”。

正则表达式如下：／＾1［6－9］＄｜＾［2－9］＼d＄｜＾1＼d｛2｝＄／。

＾符号表示字符串的开头，＾1表示字符串的第一个源字符是1

＄100符号表示字符串的结束

符号表示一组字符，即位置匹配［］中的任何字符，［6－9］表示字符可以是6、7、8或9中的任何字符。类似地，［2－9］表示2～9中的任何字符

＼d匹配0到9之间的任何数字和任何字符

｛2｝表示之前匹配的字符数为2，＼d｛2｝表示匹配的字符数为2

｜表示or的关系，如果任何一个表达式匹配，则整个表达式都匹配

＾1［6－9］＄匹配2位数字，第1位是1，第2位是6～9，即度匹配16～19

＾［2－9］＼d＄匹配2位数字，第一个是2～9，第二个是任意数字，即匹配20～99

＾1＼d｛2｝＄匹配3位数字，第1位是1，后2位是任意数字，即匹配100～199

扩展资料：

规则表系统由一些普通的位字符和一些元字符组成。普通字符包括大写字母、小写字母和数字，而元字符有特殊的含义，我们将在下面解释。

在其最简单的形式中，正则表达式看起来像一个普通的查找字符串。例如，正则表达式“testing”不包含元字符；它可以匹配字符串“testing”和“testing123”，但不能匹配“testing”。

理解元字符是真正使用正则表达式的最重要的事情。

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用input标签创建一个数字输入框，并设置其id属性为myinput。

3、在test.html文件内，在输入框的下面使用button标签创建一个按钮，按钮名称为“判断范围”。

4、在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行check()函数。

5、在check()函数内，使用getElementById（）方法通过id获得输入框的内容，保存在num变量中。

6、最后在浏览器打开test.html文件，输入数字，点击按钮，查看结果。