正则表达式详解手机号英文「正则表达式详解」
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`，以阻止表单提交。否则，表单会被提交，可以在后端进行进一步验证和处理。
最新文章
海南自贸港发布“零关税”进口货物享惠主体认定管理办法
海南省人民政府印发《海南自由贸易港“零关税”进口货物享惠主体认定管理办法（试行）》，旨在做好“零关税”进口货物享惠主体认
“中国智”惠世界 - 800余家企业参展2025世界人工智能大会
中国日报7月27日电（记者 马思）2025世界人工智能大会暨人工智能全球治理高级别会议26日在上海开幕。本届大会以“智能时代 同球
石家庄这所小学厉害了！斩获国家级荣誉！
台上一分钟，台下十年功。据悉，为打造这台精品剧目，学校师生历时数月精心排练，从唱腔、身段到舞台表现力反复打磨，力求完美呈
【国际】乌克兰呼吁美国提供武器欧洲提供援助；无人机袭击莫斯科机场
乌克兰紧急敦促其盟友为该国购买更多美国武器，以弥补其数十亿美元的国防预算赤字。乌克兰政府周一在52个盟友参加的新一轮军事援
官方：38岁的前皇马门将纳瓦斯正式加盟美洲狮，并签下1+1合同
北京时间7月25日，墨超俱乐部美洲狮官方宣布，正式签下现年38岁的哥斯达黎加国门凯洛尔-纳瓦斯，双方的合同为期一年并附带一年的
画家黑塞 ｜ 张立行
近现代世界文学史上，有不少擅长绘画的文学家，文名与画名“齐飞”。文学与绘画表达方式迥异。绘画以视觉引人，小说、诗歌用文字
中信银行福州分行创新林业金融，落地武平县林权抵押贷款
金融是“国之大者”，关系中国式现代化建设全局。习近平同志在福建工作期间，对金融工作做出了一系列极具前瞻性、开创性、战略性
Intel陨落了 却没有对AI行业造成地震
记得小时候组装电脑，Intel处理器就是高端的代名词，那个灯，等灯等灯的广告旋律几乎刻进了80、90后的DNA里。但如今打开最新款AI
超萌来袭！篮球操超燃亮点抢先看！
当海浪的节奏遇上篮球的弹跳，当夏日的热情撞上动感的舞步！7月23日—24日，第35届青岛国际啤酒节“好运山东”·“东风奕派”青
质量“掌门人”
东南网7月28日报道（福建日报记者 苏益纯）在企业管理层中,CEO、CFO等职位广为人知,而CQO(首席质量官)这一关键岗位却鲜被大众了
推荐文章
相关文章