使用可重复使用的功能检查表单值

Question

我需要一些帮助来编写可重复使用的函数来进行表单检查。我想在我的表单元素上调用该函数并执行值验证;但是我不确定我是否正确地编写了函数以接受目标元素。 这是一个fiddle，您可以在其中找到所有代码。

我的问题：

• 通过使用element对象作为函数的参数，当用户在该输入元素中键入值时，是否会获取指定的元素？

• 我可以用这种方式编写函数，然后将其传递给addEventListener吗？

我正在尝试调整此link中找到的简单函数。

我试图开始工作的JS代码如下：

var A = {

   invoiced: document.getElementById("invoiced"),

   checkValue: function (event, elem) {
       if(elem.validity.typeMismatch)
          elem.setCustomValidity("Only number(s) and '+' and '-' signs");
       else
          elem.setCustomValidity("");
   }
};

A.invoiced.addEventListener("keyup", A.checkValue, false);

Answer 1

checkValue: function(event) {
    var elem = event.target || event.srcElement;
...