正则表达式：js进行规范

最新推荐文章于 2024-06-20 20:20:21 发布

25号底片~

最新推荐文章于 2024-06-20 20:20:21 发布

阅读量178

点赞数 1

分类专栏：正则表达式文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_46001736/article/details/136327610

版权

正则表达式专栏收录该内容

5 篇文章 0 订阅

订阅专栏

例1：只能输入字母，并且限制为5位之内

效果

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Radio Button Example</title>
</head>
<body>
    <label>文本框1</label>
    <input type="text" autocomplete="off" id="code_pre" name="code_pre" onblur="check_codepre()"/></br>
    <script>
        function check_codepre() {
            //获取每项数据
            var code_pre = document.getElementById('code_pre').value;
                var codePrePattern = /^[A-Za-z]{1,5}$/; // 定义code_pre的正则表达式
                if (!codePrePattern.test(code_pre)) {
                    alert('前置码：请输入至多5个字母');
                    document.getElementById('code_pre').value = '';
                }
        }
    </script>
</body>

</html>

例2：只能输入数字，并且只能为2-5位之间

效果

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Example</title>
</head>
<body>
    <label>文本框</label>
    <input type="text" name="code_num" id="code_num" required="required" onblur="check_codenum()"/>
    <script>
        function check_codenum() {
            //获取每项数据
            var code_num = document.getElementById('code_num').value;
            var codeNumPattern = /^[2-5]$/; // 定义code_num的正则表达式
                if (!codeNumPattern.test(code_num)) {
                    alert('流水号：请输入2-5之间的数字');
                    document.getElementById('code_num').value = '';
                }
        }
    </script>
</body>
</html>