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

JavaScript08

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、新建一个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文件，输入数字，点击按钮，查看结果。