利用javascript实现邮箱校验功能

可以使用正则表达式（RegExp）来实现邮箱校验的功能。以下是一个示例代码：

<label for="email">邮箱：</label>
<input type="email" id="email">

<button id="validate-btn">验证</button>

<script>
  const emailInput = document.getElementById('email');
  const validateBtn = document.getElementById('validate-btn');

  validateBtn.addEventListener('click', () => {
    const email = emailInput.value;
    const emailRegex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;

    if (emailRegex.test(email)) {
      alert('邮箱格式正确！');
    } else {
      alert('请输入正确的邮箱格式！');
    }
  });
</script>

在此示例中，我们首先获取了邮箱输入框和验证按钮的DOM元素，并添加了一个点击事件监听器。当用户单击“验证”按钮时，我们获取了输入框中的邮箱地址，并使用正则表达式检查该地址是否符合常见的电子邮件格式。如果是，则显示一个消息框，指示该地址格式正确，否则显示另一个消息框，提醒用户输入正确的邮箱格式。

需要注意的是，该示例中使用了HTML5的`type="email"`属性来显示浏览器内置的邮箱格式验证错误消息。但是，这种验证只能检查输入的值是否符合电子邮件的基本格式，因此我们还需要使用JavaScript来进行更严格的验证。