在日常开发中，表单验证是不可或缺的一部分。它不仅提升了用户体验，还能确保数据的准确性。今天，就让我们用简单的JavaScript来搞定表单验证吧！🚀

首先，在HTML中定义好表单元素，比如输入框和提交按钮。例如：

```html

```

接着，通过JavaScript监听表单的提交事件。代码如下👇：

```javascript

document.getElementById('myForm').addEventListener('submit', function(event) {

const name = document.querySelector('input[placeholder="请输入姓名"]').value;

const email = document.querySelector('input[placeholder="请输入邮箱"]').value;

if (name === '' || !/^\w+([-+.]\w+)@\w+([-.]\w+)\.\w+([-.]\w+)$/.test(email)) {

alert('请填写正确的姓名和邮箱！');

event.preventDefault(); // 阻止默认提交行为

} else {

alert('提交成功！');

}

});

```

这样，当用户未填写正确信息时，页面会弹出提示并阻止提交。💡

通过这种方式，我们可以轻松实现表单验证，让交互更加流畅！✨