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

Question

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

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

Answer 1

使用 if(current.value == "")(引号之间没有空格，两个等号 - 我不确定空值是否到处都是空字符串或未定义)。

由于输入值(如果提供的话)是字符串并且除空字符串以外的任何内容都为真，因此使用 if(!current.value) 也很方便。

同样值得考虑HTML5 form validation .

对于您的评论:跨度元素被“删除”，因为您的表单已发送并且页面已重新加载。为了防止它，将 e.preventDefault() 放在 catch 中，其中 e 是处理函数的事件参数。我还建议使用 innerText(替换旧的错误消息)而不是 appendChild(添加新的错误消息)。在代码中:

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