正则表达式详解手机号英文「正则表达式详解」
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`,以阻止表单提交。否则,表单会被提交,可以在后端进行进一步验证和处理。
最新文章
朱万奎调研荆州中小企业商业价值信用贷款工作|融资|信贷_网易新闻
为有效破解中小企业融资难问题,5月11日,省经信厅党组书记朱万奎率队,在荆州市调研中小企业数字化转型及中小企业商业价值信用
20年前的天线得得B,暗藏广东阿伯的发达玄机?_腾讯新闻
在2025年的今天,不少年轻人把命运交给AI:用AI赛博算命,借助AI抽盲盒、刮彩票,对AI寄予心理托付。然而在20年前的广东,一群牙
济南户外LED屏广告 济南城市LED大牌广告_聚荣网
济南商业街户外LED大屏广告投放山东渠成广告传媒有限公司济南市区户外大屏广告万虹广场大屏广告泉城路大屏泉城广场大屏高铁站LED
宣汉县零工市场建设逐步规范化 提升服务水平|县域|招聘_网易新闻
为深入贯彻落实《四川省人民政府关于进一步深化就业改革促进高质量充分就业的实施意见》对加强零工市场规范化建设的最新要求,全
热卖PARMELEE抱钳-「其他五金配件」-马可波罗网
上海智川工贸有限公司是一家为国内各类工矿企业提供进口机电产品备件销售的公司,且致力于流体控制阀类、管道阀类及其相关产品在
“中国女子流落柬埔寨街头”,最新消息
近日,福建籍女子吴某桢在柬埔寨流落街头并患病的遭遇引发广泛关注。 澎湃新闻从收治吴某桢的柬埔寨西港同济医院相关工作
又来这套?英国炒作“中国间谍”,配合美国的这出戏,演得太假了
欢迎大家在朋友圈和微信群转发,请点个关注!朋友,英国又拿“中国间谍”说事了,这次更离谱,说咱伪装成猎头去刺探他们情报,你
关中风味齐聚渭南!五地美食大集圆满收官|西安|宝鸡|咸阳|铜川_网易新闻
6月28日,陕西省第二季非遗购物月暨“黄河华山·家在渭南”关中五地非遗美食大集在富平中华郡文化旅游景区迎来终章。自活动启动
郭河镇党委书记朱从博专访|水产|仙桃_网易新闻
2025年郭河镇将以品牌建设为依托优化基层治理勇创示范不断提升老百姓的获得感和幸福感郭河镇党委书记 朱从博:建强“头雁工程”
AI开始整活:叠衣、理发、当宠物,这届CES的黑科技硬件太奇葩了_腾讯新闻
在纸醉金迷的拉斯维加斯,CES 2026已经热火朝天地开展三天了。雷科技史上规模最大报道团已亲临美国拉斯维加斯,正在为大家带来现
推荐文章
相关文章