当前位置：网站首页>Demo of throttling function -- regular expression matching

Demo of throttling function -- regular expression matching

2022-07-27 05:08:00 【Brave * Niuniu】 

<!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> Please enter </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 = ' correct ' }else{
       span.style.backgroundColor = 'red' span.innerHTML = ' error ' } } </script>
</body>
</html>
原网站

版权声明
本文为[Brave * Niuniu]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/208/202207270444234660.html

边栏推荐

猜你喜欢

随机推荐