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

时间:2014-05-19 14:24:15

标签: javascript html5 forms validation

我需要一些帮助来编写可重复使用的函数来进行表单检查。我想在我的表单元素上调用该函数并执行值验证;但是我不确定我是否正确地编写了函数以接受目标元素。 这是一个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);

1 个答案:

答案 0 :(得分:0)

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