要解决表单提交不起作用且需要显示一些验证信息的问题,可以使用JavaScript来验证表单,并在验证失败时显示错误信息。以下是一个示例代码:
HTML代码:
JavaScript代码:
function validateForm() {
// 清除之前的错误信息
document.getElementById("nameError").innerHTML = "";
document.getElementById("emailError").innerHTML = "";
// 获取表单输入值
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
// 进行验证
var valid = true;
if (name === "") {
document.getElementById("nameError").innerHTML = "请输入姓名";
valid = false;
}
if (email === "") {
document.getElementById("emailError").innerHTML = "请输入邮箱";
valid = false;
}
// 如果验证不通过,阻止表单提交
if (!valid) {
return false;
}
}
在上述代码中,我们使用了onsubmit
事件来调用validateForm()
函数进行表单验证。该函数首先清除之前的错误信息,然后获取表单输入的值,并进行验证。如果验证不通过,我们通过修改错误信息的元素的innerHTML
属性来显示相应的错误信息,并返回false
来阻止表单提交。如果验证通过,表单将会被提交。
注意:上述代码只是一个示例,你需要根据你的实际需求进行修改。