问题--清空输入框表单

1.问题--想要清空输入框表单

// 3. 验证的是验证码
// 3.1 获取验证码表单
const codeInput = document.querySelector('[name="code_login"]')
//3.2 使用change事件监听器，邮箱输入框值发生变化的时候，执行verify_Code函数
codeInput.addEventListener('change', verify_Code)
// 3.3 verify_Code函数
function verify_Code() {
const span = codeInput.nextElementSibling
// const span = span0.nextElementSibling
// 3.4 定规则 验证码
const reg = /^\d{6}$/
if (!reg.test(codeInput.value)) {
span.innerText = '输入不合法,6 位数字'
/* 清空验证码输入框 */
codeInput.innerText= ''
return false
}
// 3.5 合法的 就清空span
span.innerText = ''
return true
}
我这里 codeInput.innerText= ''想要清空表单但是并没有自动清空？

2.解决

您在清空验证码输入框时使用了 codeInput.innerText = ''，但这是不正确的方法来清空输入框的内容。innerText 属性适用于设置元素的文本内容，但对于输入框元素，应该使用 value 属性来设置或获取其值。

正确的做法是使用 codeInput.value = '' 来清空验证码输入框的内容。这样，您的代码应该像这样：

javascript
Copy code
if (!reg.test(codeInput.value)) {
span.innerText = '输入不合法,6 位数字';
/* 清空验证码输入框 */
codeInput.value = '';
return false;
}
这将会清空验证码输入框的值，并在验证不通过时显示错误消息。

请注意，对于输入框来说，要修改输入框的值，您应该使用 value 属性，而不是 innerText 属性。