正则表达式详解手机号英文「正则表达式详解」
2025-02-17 12:20
以下是一个使用正则表达式验证输入字段的 HTML 和 JavaScript 登录页面示例：
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<script>
function validateForm() {
var username = document.forms["loginForm"]["username"].value;
var password = document.forms["loginForm"]["password"].value;
var usernameRegex = /^[a-zA-Z0-9]+$/;
var passwordRegex = /^[a-zA-Z0-9!@#$%^&*()_+,-https://blog.csdn.net/m0_56312312/article/details/:;<=>?@[]^_`{|}~]+$/;
if (username == "" || password == "") {
alert("Please fill in all fields.");
return false;
}
if (!usernameRegex.test(username) || !passwordRegex.test(password)) {
alert("Invalid username or password.");
return false;
}
}
</script>
</head>
<body>
<h1>Login Page</h1>
<form name="loginForm" onsubmit="return validateForm()" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="Login">
</form>
</body>
</html>
```
在上面的代码中，我们定义了两个正则表达式：
- `usernameRegex`：只允许字母和数字的用户名，长度不限。
- `passwordRegex`：允许字母、数字和特殊字符的密码，长度不限。
我们在 `validateForm()` 函数中使用了 `test()` 方法来检查输入字段是否满足这些正则表达式。如果输入不符合要求，我们会弹出一个警告框并返回 `false`，以阻止表单提交。否则，表单会被提交，可以在后端进行进一步验证和处理。
最新文章
霸王茶姬推出首款黄茶新品，麦当劳中国CEO称今年是“消费习惯重置”的一年... ｜ 一周热闻
新产品1、蔬菜中的“维C宝库”，「维C速燃甜椒」新品上线2、让茶×盒马「饭后普洱」新品上市，开创无糖茶“饭后”消费新场景3、
骁龙8至尊版：AI智慧芯革新手机体验
在2025年的科技圈，AI 无疑是最热门的话题。从ChatGPT掀起的Gen AI热潮，到Deepseek R1的技术突破；从英伟达、AMD在云端芯片领域
新玩法带来新的快乐，体彩大乐透套餐票在湖南各地推广
湖南日报·新湖南客户端记者 陈普庄通讯员 陈辉 欧志文 周前吕 胡锋 刘雄 孙吉祥 符勇今年是体彩超级大乐透上市17周年，特别推
2025年“博物馆奇妙夜”来啦 超多活动等你解锁
为推动上海国际消费中心城市和国际文化大都市建设，进一步发挥博物馆赋能经济社会发展和美好生活的重要作用，让博物馆成为市民游
字节引导TikTok用户迁移至Lemon8；美国公布中国汽车软硬件禁令；Temu 2024年下载量环比增69%｜一周「出海参考」（01.06-01.12）
1、答辩结束，TikTok 禁令危机仍未解除据彭博社报道，TikTok 在美国最高法院的口头答辩已结束。此次答辩于美国时间周五上午 10
张国华与中国工商银行党委书记、董事长廖林一行进行工作座谈
张国华首先代表雄安新区党工委、管委会对廖林一行的到来表示热烈欢迎，对中国工商银行长期以来的关心支持表示衷心感谢。他表示，
AWE观察 ｜ 从“科技温饱”到AI盛宴 智慧家电能与消费者“双向奔赴”吗？
每经记者：陈鹏丽 彭斐 叶晓丹 每经编辑：陈俊杰每经记者 陈鹏丽 摄3月20日至23日，一年一度的中国家电盛会——中国家电
开发全域多元特色旅游产品，打响具有世界影响力的“上海旅游”品牌
今天举办的上海市旅游发展大会“出炉”三项新纪录——2024年，本市接待国内游客3.9亿人次，实现国内旅游收入4972.6亿元、国际旅
AI本地化部署，这家企业引领品牌管理智能化风暴
近日，虹口区企业若羽臣（003010.SZ）与广东奥飞数据科技股份有限公司达成战略合作，通过AI本地化部署，加速全链路品牌管理的智
奇点之前与奇点之后｜书评
文｜万维钢未来学家雷·库兹韦尔在2024年6月25日刚刚出版了新书《奇点更近》。你可能知道，库兹韦尔在2005年出了本书叫《奇点临
推荐文章
相关文章