使用不显眼的 JavaScript 验证表单-解网

问：

我正在帮助一个朋友为她的考试做准备。一个问题是创建不显眼的 javascript 来验证此 HTML 代码中的表单。似乎从未在此当前代码中输入 if 语句。我做错了什么？感谢您的帮助。

这是代码的 git：https://github.com/Nirakander/Validate-form

dom unobtrusive-javascript

对于您的评论：span-element 被“删除”，因为您的表单已发送并且页面重新加载。为了防止这种情况，请将 catch 中，其中是处理程序函数的事件参数。我还建议使用（替换旧的错误消息）而不是（添加新的错误消息）。在代码中：e.preventDefault()einnerTextappendChild

function validateForm(e) { // event parameter
  try {
    ...
  }
  catch(oError){
    var errorRef = document.getElementById("errMsg");
    errorRef.innerText= oError; // innerText instead of appendChild
    e.preventDefault(); // this prevents form from sending
    // return false; // this is useful only in onsubmit content attribute; useless here
  }
}

我还建议对您的 git 存储库进行更改：fork

使用不显眼的 JavaScript 验证表单

Validating a form with unobtrusive JavaScript

评论

评论