使用 JavaScript 编写一个公共的表单校验函数
时间: 2023-04-09 22:04:38 浏览: 145
javascript 常用验证函数总结
好的,以下是一个使用 JavaScript 编写的公共表单校验函数:
```javascript
function validateForm(form) {
let isValid = true;
const inputs = form.querySelectorAll('input');
inputs.forEach(input => {
if (input.required && !input.value) {
isValid = false;
input.classList.add('error');
} else {
input.classList.remove('error');
}
});
return isValid;
}
```
这个函数会遍历表单中的所有输入框,如果某个输入框是必填的但是没有填写内容,就会将该输入框的样式改为错误样式,并返回 false。如果所有输入框都填写了内容,则返回 true。
阅读全文