JavaScript正则表达式

最新推荐文章于 2023-01-30 10:35:22 发布
最新推荐文章于 2023-01-30 10:35:22 发布
阅读量229 收藏
点赞数
分类专栏： 正则表达式

字母+数字+下划线

一：验证输入的名称是否是"字母+数字+下划线"

/**
 * 验证"名称"不能为空，且必须是字母+数字+下划线
 */
var userName = $(".editPanelNameInput:first").val().trim();
var flag = true;
if(userName!=""){
    $(".editPanelNameInput:first").removeClass("errorTip");
     if(!/^\w+$/.test(userName)){
        $(".editPanelNameInput:first").addClass("errorTip");
        $(".editPanelNameInput:first").val("");
        flag = false;
    }
} else{
    $(".editPanelNameInput:first").addClass("errorTip");
    flag = false;
}

端口范围[0,65535]

二：验证输入的计算机端口是否正确，端口范围（0-65535）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
    <title>Bootstrap Study</title>

    <script type="text/javascript">
        $(function () {
            $("#uploadButton").click(function () {
                var port = $("#port").val().trim();
                console.log(port + ":" + checkPort(port));
            });
        });

        /**
         * 检验计算机端口
         * portStr 必须是由一个或者多个数字组成
         * 必须在(0,65535)之间
         */
        function checkPort(portStr) {
            if (portStr != undefined && portStr != null && portStr.trim() != "" && /^[\d]+$/.test(portStr)) {
                /**是由数字组成时，验证是*/
                var portInt = parseInt(portStr);
                if (portInt > 0 && portInt < 65535) {
                    return true;
                }
            }
            return false;
        }
    </script>
</head>
<body>
<form id="uploadForm" method="post" enctype="multipart/form-data">
    端口：<input type="number" id="port" min="1" max="65535">
    <input type="button" id="uploadButton" value="提交">
</form>
</body>
</html>

验证 ip

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
    <title>Bootstrap Study</title>

    <script type="text/javascript">
        $(function () {
            $("button").click(function () {
                var ip = $("input").val().trim();
                console.log(ip + ":" + checkIP(ip));
            });
        });
        /**
         * 校验ip是否正确
         * @param ipStr  其中的"."必须转义"\."
         * @returns {boolean}
         */
        function checkIP(ipStr) {
            var check = /^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/;
            if (ipStr != undefined && ipStr != null && ipStr != "" && check.test(ipStr)) {
                if (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256) {
                    return true;
                }
            }
            return false;
        }
    </script>
</head>
<body>
IP:<input type="text" maxlength="15" placeholder="不能为空,格式如:192.168.1.10">
<button type="button">提交</button>
</body>
</html>

whnrll
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Go: 正则匹配示例
手写我对你的温柔
11-15 2622
golang是一个非常不错的瑞士军刀。 完美的提示，可以让我们编写代码时就判断。 在go语言中，针对匹配规则，如果使用""，在里面匹配.这个字符应该用\转义，但是又会被Go语言识别。所以用\\ 或者使用` ` 来匹配，里面的转移就可以直接用\ 上述代码是一个简单的匹配电子邮件的正则，语法和其他语言相同 ...
正则表达式转为javascript脚本
cwb521zg的专栏
06-01 529
function validateReg()         var username = document.getElementById("username");               //用户名称的验证               var name = /^[a-z0-9_-]{3,16}$/;               if(!name.test(username.value
golang正则使用总结
开心就好的专栏
08-25 7698
正则表达式的语法可以说基本和编程语言无关，大同小异，不过就是调用的方法不同而已。 以一个案例总结下golang的正则常用方法。 注： * 下面的regObj指regexp.Compile后的值，可理解为正则实例 * regexp.MatchString (测试是否匹配，类似js的regObj.test(str)方法) sourceStr := `my email is gerrylon@1...
Go语言正则表达式
iMeta
04-29 2644
package main import "bytes" import "fmt" import "regexp" func main() { //这个测试一个字符串是否符合一个表达式。 match, _ := regexp.MatchString("p([a-z]+)ch", "peach") fmt.Println(match) //上面我们是直接使用字符串，但是对于一些其他的正则
JavaScript 正则表达式
笔记
01-30 228
例如，如果我们想要检查一个字符串是否是电子邮件地址，我们可以使用正则表达式来确定该字符串是否符合电子邮件地址的格式。它可以帮助我们验证字符串的格式，替换字符串中的特定字符，提取字符串中的信息等。本文仅涉及了 JavaScript 中正则表达式的基础用法，在实际项目中正则表达式还有很多其它高级用法，例如捕获组、贪婪匹配和非贪婪匹配、正则表达式的修饰符等，建议大家进一步了解和学习。例如，如果我们想要将字符串中的所有单词 "JavaScript" 替换为 "JS"，我们可以使用正则表达式来。
javascript 正则表达式
xihuanLilia的博客
03-01 1298
正则表达式概念特点使用创建正则表达式测试正则表达式特殊字符边界符字符类方括号[]量词符正则替换replace 概念 正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。 在JavaScript中，正则表达式也是对象。 正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等
JavaScript正则表达式(完整版)
热门推荐
qq_47824967的博客
08-30 1万+
JavaScript正则表达式 1. 构建正则表达式 字面量创建 var reg = /正则表达式/修饰符 构造函数创建 var reg = new RegExp('正则表达式','修饰符') 修饰符 ​ i: ignoreCase, 匹配忽视大小写 ​ m: multiline , 多行匹配 ​ g: global , 全局匹配 2. 正则表达式调用（实例方法） 1. exec ​ 匹配字符串和正则表达式的方法， ​ 匹配成功： ​ 返回一个数组 [匹配内容,index:匹配的起始位置,
JavaScript正则表达式验证邮箱
qq_45989021的博客
11-21 956
我的代码一开始如下： 然后我的表单就一直没法成功调用这个函数，后面我发现，这里的跟java的不一样，reg里的正则表达式必须得用 ' / '，双引号赋值它不识别，还有下面调用test函数，上面if语句里面验证邮箱是否正确，用的email.test(reg)，它打开网页还是没有提示。得像下面这个才能正常调用test。 ...
javascript正则表达式迷你书 (1).pdf
12-28
JavaScript 正则表达式迷你书 本书是 JavaScript 正则表达式的入门级教程，旨在帮助读者快速掌握正则表达式的基本概念和应用。下面是本书的知识点摘要： 第一章：正则表达式字符匹配攻略 * 两种模糊匹配：横向...
javascript正则表达式基础篇
10-27
主要是介绍javascript正则表达式的一些基础知识，主要是介绍javascript的正则书写方法与常用实例，需要的朋友可以参考下
JavaScript正则表达式替换字符串中图片地址(img src)的方法
10-20
本篇文章将深入探讨如何使用JavaScript正则表达式来实现这个功能。 首先，我们需要理解JavaScript的`String.prototype.replace()`方法。此方法接受两个参数：一个正则表达式或字符串作为查找的模式，以及一个替换...
JavaScript正则表达式校验非零的正整数实例
10-20
本文分享了JavaScript正则表达式（^[1-9]d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^+?[1-9][0-9]*$）校验非零的正整数实例代码，代码简单易懂，需要的朋友可以看下
JavaScript正则表达式实现注册信息校验
zhansan的博客
05-28 6350
Java和JavaScript正则表达式的对比 Java中也有正则表达式,默认情况下必须要精确匹配 ;而在JS中默认是模糊匹配，只要字符串包含了正则表达式的内容就返回true 正则表达式 匹配字符串 Java中匹配结果 JavaScript中匹配结果 \d{3} a123b false true ^\d{3} 123b false true \d{3}$ a123 false true ^\d{3}$ 123 true true 注册信息校验 需求 在JS中使用正则表达
1111111111111111111111
最新发布
08-13
1111111111111111
javascript笔试题参考整理(答案)(可编辑修改word版).docx
08-13
javascript笔试题参考整理(答案)(可编辑修改word版)
深入理解JavaScript正则表达式
"Javascript正则表达式教程" 正则表达式是JavaScript中一个强大的文本处理工具，用于模式匹配、查找、替换和分割字符串。它是通过一套特定的语法规则来定义文本模式的序列，这些规则由普通字符（例如字母、数字）和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值