节流函数的demo——正则表达式匹配
Posted 勇敢*牛牛
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了节流函数的demo——正则表达式匹配相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
<input type="text"><br/>
<span>请输入</span>
</form>
<script>
var input,flag,span;
init();
function init()
input = document.querySelector('input')
span = document.querySelector('span')
input.addEventListener('input',inputHandler);
function inputHandler(e)
if(flag) return
flag = setTimeout(function()
clearTimeout(flag);
flag = undefined;
disPaly(input.value);
,500)
function disPaly(text)
if(text.match(/^1.+?0/))
span.style.backgroundColor = 'green'
span.innerHTML = '正确'
else
span.style.backgroundColor = 'red'
span.innerHTML = '错误'
</script>
</body>
</html>
以上是关于节流函数的demo——正则表达式匹配的主要内容，如果未能解决你的问题，请参考以下文章