3. 邮箱地址符合电子邮件地址的基本语法。 3.语义验证:密码和重复密码必须相同。
时间: 2024-03-17 14:41:41 浏览: 125
邮箱及密码的正则表达式验证(C#)
5星 · 资源好评率100%
可以使用 `type="email"` 属性来验证电子邮件地址的基本语法,使用 JavaScript 来验证密码和重复密码是否相同。
以下是一个示例代码:
```html
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<br>
<label for="password2">重复密码:</label>
<input type="password" id="password2" name="password2" required>
<br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required>
<br>
<input type="submit" value="提交" onclick="return validateForm()">
</form>
<script>
function validateForm() {
// 获取密码和重复密码输入框的值
var password = document.getElementById("password").value;
var password2 = document.getElementById("password2").value;
// 判断密码是否相同,如果不同,则弹出提示信息并返回 false
if (password !== password2) {
alert("两次输入的密码不相同,请重新输入!");
return false;
}
// 如果密码相同,则返回 true,表单将会被提交
return true;
}
</script>
```
在这个表单中,我们仍然使用 `required` 和 `type="email"` 属性来验证必填项和电子邮件地址格式。我们还为提交按钮添加了一个 `onclick` 事件,该事件将调用 `validateForm()` 函数来进行密码验证。
在 `validateForm()` 函数中,我们获取了密码和重复密码输入框的值,并使用 `if` 语句来判断它们是否相同。如果不同,我们弹出一个提示框,并返回 `false`,这将取消表单的提交。如果密码相同,我们返回 `true`,表单将会被提交。
阅读全文