html文本框设置验证，必须输入

合法的电子邮件地址，你能给出一个简单的实现方法吗？

当用户在输入框中输入文本时，可以使用 JavaScript 来实时验证输入的文本是否为合法的电子邮件地址。可以使用正则表达式来验证电子邮件地址的格式。建议在用户点击提交按钮时再次验证一遍。

以下是一个简单的实现方法：

1. 在 HTML 表单中添加一个文本框：

<input type="text" id="email" name="email" placeholder="请输入您的邮箱地址" required>

2. 在 JavaScript 中添加验证函数：

function validateEmail() {
  var email = document.getElementById("email").value;
  var pattern = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
  return pattern.test(email);
}

3. 在提交按钮上绑定验证函数：

<button type="submit" onclick="if(!validateEmail()) {alert('请输入正确的邮箱地址！');return false;}">提交</button>

这样，当用户点击提交按钮时，会先执行验证函数，如果输入的文本不是合法的电子邮件地址，则会弹出提示框提示用户重新输入。