使用正则表达式判断用户名格式

本文通过示例代码展示了如何使用JavaScript正则表达式来判断用户名的格式。同时指出在实际代码中,由于标签ID忘记加双引号,导致JS代码无法正常运行,提醒开发者注意此类常见错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用正则表达式判断用户名格式
代码如下:

<form action="user.action?method=login" method="post" onsubmit="return testName()">
    <label>用户名:</label><input name="name" id="nid">
    <span id="nameAtt" class="att"></span><br>
    <label>&nbsp;&nbsp;&nbsp;码:</label><input type="password" name="password"><br>
    <label>验证码:</label><input type="text" name="code"><br>
    <img src="user.action?method=getCode" id="img"><br>
    <input type="submit" value="登录">
</form>

<script type="text/javascript">
    function testName() {
        // 通过DOM对象
        var nameInput = document.getElementById("nid");
        // 通过.value获取name输入框中的值
        var name = nameInput.value;
        // 通过正则表达式判断帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线)
        var rag = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/;
        if (!rag.test(name)) {
            var sp = document.getElementById("nameAtt");
            sp.innerHTML = "账户名格式错误";
            sp.style.color = "red";
            return false;
        }
    }
</script>

var sp = document.getElementById(“nameAtt”)
标签ID忘记加双引号,导致JS代码成了摆设,,不愧是我
————每日一BUG

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值