文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2023-06-06 11:58

关注

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

JavaScript是什么

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

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

要求:

<!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正则实现表达式以字母开头的示例”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注编程网行业资讯频道!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯