当前位置：网站首页>节流函数的demo——正则表达式匹配

节流函数的demo——正则表达式匹配

2022-07-27 04:44:00 【勇敢*牛牛】 

<!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>
原网站

版权声明
本文为[勇敢*牛牛]所创，转载请带上原文链接，感谢
https://blog.csdn.net/m0_46672781/article/details/126003250

边栏推荐

猜你喜欢

随机推荐