正则表达式详解手机号英文「正则表达式详解」
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`，以阻止表单提交。否则，表单会被提交，可以在后端进行进一步验证和处理。
最新文章
TOP30中国手游发行商去年全球收入234亿美元，占全球TOP100市场的36%
据移动分析公司Sensor Tower数据，过去一年中，TOP30中国手游发行商在全球市场吸金234亿美元，较2023年略有增长，占全球TOP100手
“好客山东”推荐！威海48小时到底有多好玩？
如果给你48小时，你想去哪里旅行？2023年，5000万游客给出了答案。日前，由威海市文化和旅游局×Hi威海新闻客户端策划推出的“千
机构：AI原生APP月活突破2.4亿，DeepSeek、豆包等位居Top 3
4月15日，国内知名的商业智能数据服务商QuestMobile发布了2025年第一季度中国AIGC应用市场竞争分析报告。数据显示，截止到2025年
“汉译名著”出版1000种之后：短视频浪潮中，你还读经典吗？
“对于一个青年人来说，恐怕只有恋爱可以跟这件事媲美了。” 这是40多年前，一位年轻读者在寄给商务印书馆编辑的信中写下的肺腑
【法听——国咨律所每日法律资讯】 2025年6月19日星期四
看每日法律资讯，知天下法律大事，欢迎关注国咨法听【高层法治动态】【公安部发布网购消费诈骗典型案例】6月18日，公安部发布网
书旗荐书：从《法医秦明》开始，来看侦探小说！
最近，让很多法医迷们翘首以盼的国内首部法医题材行业剧《法医秦明》宣布将在10月份在网络平台播出，这部剧改编自同名经典悬
最高245%的关税是怎么来的？专家：特朗普随意增加的，数字游戏根本没依据
极目新闻记者 陈洋洋当地时间4月15日，美国白宫网站发布的一份针对232条款的“事实清单”中提到，“中国现在面临着对进口到美国
文明旅游红黑榜 ｜ 倡导文明旅游，对不文明行为Say No！
★红榜★游客文明旅游不忘防疫今年春节期间，虽然较为寒冷，但阻挡不了人们外出的脚步，我市各景区、景点和美丽乡村吸引众多市民
中小学校园手机管理出“禁令”，未成年人手机难题如何破解
近日，《郑州市人民代表大会常务委员会关于加强在校中小学生使用手机等智能终端产品管理的决定》获得通过。自《决定》公布之日起
中国法学会副会长、中国人民大学一级教授王利明：民法典合同编发挥债法总则功能 能够有效满足司法实践需要
开栏的话2025年是确立习近平法治思想在全面依法治国中的指导地位五周年。为进一步学习贯彻习近平法治思想的核心要义、丰富内涵、
推荐文章
相关文章