运行你上边给的代码,报错Cannot read properties of undefined (reading 'validateForm')
时间: 2023-10-17 09:17:40 浏览: 78
非常抱歉,可能是我之前的代码有误。你可以试一下下面这段代码:
```javascript
const form = document.querySelector('form');
form.addEventListener('submit', (event) => {
event.preventDefault();
const nameInput = document.querySelector('#name');
const emailInput = document.querySelector('#email');
const messageInput = document.querySelector('#message');
if (validateForm(nameInput, emailInput, messageInput)) {
// 如果表单验证通过,就可以在这里处理表单数据了
} else {
// 如果表单验证不通过,可以在这里给出提示
}
});
function validateForm(nameInput, emailInput, messageInput) {
const name = nameInput.value.trim();
const email = emailInput.value.trim();
const message = messageInput.value.trim();
if (name === '') {
alert('请填写姓名');
return false;
}
if (email === '') {
alert('请填写邮箱');
return false;
} else if (!isValidEmail(email)) {
alert('请填写正确的邮箱');
return false;
}
if (message === '') {
alert('请填写留言');
return false;
}
return true;
}
function isValidEmail(email) {
// 这里可以使用正则表达式验证邮箱格式是否正确
return true;
}
```
这段代码应该可以正常运行了。如果还有问题,请告诉我。
阅读全文