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

Question

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

我的问题：

• 通过将element对象用作函数的参数，当用户在该输入元素中输入值时，是否得到指定的元素？

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

我正在尝试调整此链接中提供的简单功能。

我尝试使用的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;
...