iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >JavaScript正则实现表达式以字母开头的示例
  • 575
分享到

JavaScript正则实现表达式以字母开头的示例

2023-06-06 11:06:56 575人浏览 安东尼
摘要

这篇“javascript正则实现表达式以字母开头的示例”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“JavaScript正则实现表达式以字母开头的示例”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥

这篇“javascript正则实现表达式以字母开头的示例”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“JavaScript正则实现表达式以字母开头的示例”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。

JavaScript是什么

JavaScript是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,JavaScript是被广泛用于客户端的脚本语言,最早是在html网页上使用,用来给HTML网页增加动态功能。

表单校验:创建表单,使用JavaScript+dom为表单添加校验.

要求:

  • 验证用户名称,必须以字母开头,长度2-6位之间.

  • 验证密码不能为空.

  • 确认密码不能为空,要与密码一致.
    JavaScript正则实现表达式以字母开头的示例
    JavaScript正则实现表达式以字母开头的示例

<!DOCTYPE html><html lang="en"><!-- 表单校验:创建表单,使用JavaScript为表单添加校验.    1.验证用户名称,必须以字母开头,长度2-6位之间.    2.验证密码不能为空.    3.确认密码不能为空,要与密码一致. --><head>    <meta charset="UTF-8">    <title>Document</title>    <script type="text/javascript">        function checkFORM() {            //获得用户名对象            var username = document.getElementById("username");            //---获得用户名输入框中的value值            var usernamevalue = username.value;            var Reg = /^[a-zA-Z][-_a-zA-Z0-9]{1,5}/;//JavaScript中的正则与Java的正则略有不同            if (usernamevalue.length >= 2 && usernamevalue.length <= 6 && Reg.test(usernamevalue)) {                //为span设置提示语                document.getElementById("usernameSpan").innerHTML = "<font color='green'> 用户名可用<font>";            } else {                document.getElementById("usernameSpan").innerHTML = "<font color='red'> 用户名必须以字母开头且长度在2-6之间<font>";            }            //获得密码value            var passWord = document.getElementById("password").value;            if (password == "") {                document.getElementById("passwordSpan").innerHTML = "<font color='red'>密码不能为空</font>";            } else {                document.getElementById("passwordSpan").innerHTML = "<font color='green'>密码可用</font>";            }            //获得确认密码            var repassword = document.getElementById("repassword").value;            if (repassword == password) {                document.getElementById("repasswordSpan").innerHTML = "<font color='green'>输入一致</font>";            } else {                document.getElementById("repasswordSpan").innerHTML = "<font color='red'>两次输入密码不一致</font>";            }        }    </script></head><body>    <h3>新用户注册</h3>    <p style="border: 1px solid sandybrown; width: 300px; height: 260px;">        <form action="">            <table cellspacing="15">                <tr>                    <td>                        用户名称:                    </td>                    <td>                        <input type="text" id="username">                        <span id="usernameSpan"></span>                    </td>                </tr>                <tr>                    <td>                        密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp码:                    </td>                    <td>                        <input type="password" id="password">                        <span id="passwordSpan"></span>                    </td>                </tr>                <tr>                    <td>                        确认密码:                    </td>                    <td>                        <input type="password" id="repassword">                        <span id="repasswordSpan"></span>                    </td>                </tr>            </table>        </form>    </p>    <input type="button" value="确认注册" onclick="checkForm()" /></body></html>

感谢你的阅读,希望你对“JavaScript正则实现表达式以字母开头的示例”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注编程网精选频道!

--结束END--

本文标题: JavaScript正则实现表达式以字母开头的示例

本文链接: https://www.lsjlt.com/news/246653.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript正则实现表达式以字母开头的示例
    这篇“JavaScript正则实现表达式以字母开头的示例”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“JavaScript正则实现表达式以字母开头的示例”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥...
    99+
    2023-06-06
  • JavaScript正则表达式的示例分析
    这篇文章主要为大家展示了“JavaScript正则表达式的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript正则表达式的示例分析”这篇文...
    99+
    2024-04-02
  • javascript正则表达式的使用示例
    这篇文章给大家分享的是有关javascript正则表达式的使用示例的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。JavaScript是什么JavaScript是一种直译式的脚本语言,其解释器被称为JavaScri...
    99+
    2023-06-14
  • JavaScript正则表达式实例分析
    这篇文章主要讲解了“JavaScript正则表达式实例分析”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript正则表达式实例分析”吧!1. 概...
    99+
    2024-04-02
  • Javascript常用正则表达式的示例分析
    小编给大家分享一下Javascript常用正则表达式的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!模式修饰符的可选参数...
    99+
    2024-04-02
  • Golang爬虫及正则表达式的实现示例
    目录字符 数量限定 其他 爬虫 补充:正则表达式加golang爬虫爬取经典案例豆瓣top250最近学习go,爬取网站数据用到正则表达式,做个总结; Go中正则表达式采用RE2语法(具...
    99+
    2024-04-02
  • Linux的grep正则表达式示例
    这篇文章主要介绍“Linux的grep正则表达式示例”,在日常操作中,相信很多人在Linux的grep正则表达式示例问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Linux的grep正则表达式示例”的疑惑有所...
    99+
    2023-06-12
  • JavaScript正则表达式使用实例分析
    本篇内容主要讲解“JavaScript正则表达式使用实例分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript正则表达式使用实例分析”吧!背景我有一个Node服务,希望对访问进来...
    99+
    2023-06-30
  • VB.NET正则表达式的示例分析
    小编给大家分享一下VB.NET正则表达式的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1.选择符 VB.NET正则表达式中“ &brvbar;”...
    99+
    2023-06-17
  • jmeter正则表达式的示例分析
    小编给大家分享一下jmeter正则表达式的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!使用jmeter时经常有这样的情况:一个完整的操作流程,需先完成某个操作,获得某个值或数据信息,然后才能进行下一步的操作(也就...
    99+
    2023-06-14
  • 正则表达式组的示例分析
    这篇文章主要为大家展示了“正则表达式组的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“正则表达式组的示例分析”这篇文章吧。正则表达式组的理解把正则表达式的一部分放在圆括号内,你可以将它们...
    99+
    2023-06-17
  • ES6中正则表达式和字符串正则方法的示例分析
    这篇文章给大家分享的是有关ES6中正则表达式和字符串正则方法的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。RegExp构造函数在ES5中,RegExp构造函数的参数有两...
    99+
    2024-04-02
  • Python正则表达式以及常用匹配实例
    目录1 正则表达式对象2 正则表达式修饰符 - 可选标志3 正则表达式字符意义re.match函数re.search方法替换re.subre.compile 函数findallre....
    99+
    2024-04-02
  • shell中正则表达式的示例分析
    这篇文章给大家分享的是有关shell中正则表达式的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。正则表达式匹配中文字符的正则表达式:[u4e00-u9fa5]评注:匹配中...
    99+
    2024-04-02
  • vbs中正则表达式的代码示例
    这篇文章给大家分享的是有关vbs中正则表达式的代码示例的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。<% Function RegExpTest(patrn, strng)  ...
    99+
    2023-06-08
  • C#中正则表达式的示例分析
    这篇文章将为大家详细讲解有关C#中正则表达式的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。(1)“@”符号符下两ows表研究室的火热,当晨在“@”虽然并非C#正则表达式的“成员”,但是它经常与C...
    99+
    2023-06-18
  • javascript中正则表达式分组、断言的示例分析
    这篇文章主要为大家展示了“javascript中正则表达式分组、断言的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript中正则表达式分组...
    99+
    2024-04-02
  • Java中正则表达式的示例分析
    这篇文章主要介绍了Java中正则表达式的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。前几天线上一个项目监控信息突然报告异常,上到机器上后查看相关资源的使用情况,发现...
    99+
    2023-06-15
  • Linux的正则表达式实例分析
    今天小编给大家分享一下Linux的正则表达式实例分析的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。正则表达式(regular...
    99+
    2023-06-27
  • JavaScript正则表达式中g标志实例分析
    本篇内容主要讲解“JavaScript正则表达式中g标志实例分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript正则表达式中g标志实例分析”吧!有一天在思否社区看到有个问题,大...
    99+
    2023-06-29
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作