正则表达式详解手机号英文「正则表达式详解」
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`，以阻止表单提交。否则，表单会被提交，可以在后端进行进一步验证和处理。
最新文章
浙江大学团队全球首创：让AI帮普通人写诉状的中文法律数据集ClaimGen-CN
你在生活中遇到过法律纠纷吗？比如借钱不还、买到假货、租房押金被扣，或者遭遇其他不公平待遇？当你想要维权却不知道如何表达自
南岸文旅十大精品旅游线路出炉 带上地图一起打卡
4月16日，南岸文旅十大精品旅游线路出炉，包含6条南岸区内主题旅游线路，2条8D都市·两江四岸精品旅游线路以及2条巴风蜀韵精品旅
宁波润金机电科技有限公司
我是宁波润金机电科技有限公司的谢小姐,联系地址是宁波市鄞州区惠风西路99号,我们公司是在浙江宁波的个体私营公司,公司专注于机
济南举行“鲁医健康说”春季养生健康知识发布会
3月21日，济南召开“鲁医健康说”春季养生健康知识发布会，广安门医院济南医院（济南市中医医院）针灸一科主任、主任医师万红棉
TikTok小程序、小游戏测试开启：首批8款小游戏，3款短剧
今日（北京时间5月13日），罗斯基注意到TikTok小程序的测试正式开启，首批有8款TikTok小游戏以及3款TikTok小程序短剧上线。而且
12岁女生网购盗版小说《一屋暗灯》内容涉黄，投诉后网店仍在售，警方回应
6月12日，陕西汉中某小学学生家长左先生向极目新闻反映，他女儿网购的盗版小说《一屋暗灯》涉黄，书中的色情内容描写的尺度非常
美年健康推出全流程AI个体化体检解决方案
个体化体检智能体的发布，标志着体检行业在智能化、个性化方向迈出了关键一步，将引领整个行业进入全新发展阶段。 作者：美
盐城超强物流有限公司
我是盐城超强物流有限公司的何先生,联系地址是盐城新都西路189号,我们公司是在江苏盐城的国有公司,公司专注于商业服务,运输、仓
今日辟谣（2025年5月21日）
详情：据国家网络与信息安全信息通报中心通报，依据《网络安全法》《个人信息保护法》等法律法规，按照《中央网信办、工业和信息
2025年，一线城市房子能出手吗？10位专家分析解读_腾讯新闻
自12月以来，一线城市频现“高价地块”，广州住宅用地出让顺利，除了国央企持续拿地之外，两家标杆民企也重回广州土拍市场，这也
推荐文章
相关文章