在提交

时间:2016-02-15 10:13:17

标签: javascript angularjs angularjs-directive

我创建了一个自定义角度指令来验证输入。我已经添加了验证以发生onblur。根据此验证的结果,输入将获得css类(绿色表示正数,红色表示负数)。这目前是一种享受。 但是,我遇到的问题是用户在不使用任何输入的情况下单击提交按钮。由于验证在模糊时发生,验证器不会运行,因此输入类不会被设置。

我尝试过以下link中提到的解决方案。虽然这种方法很好但是在视图中对输入样式具有所有逻辑似乎并不完全正确,但它感觉非常臃肿。我希望有一种方法可以使用指令EG

使其更通用
    ng-class="{'invalid-field': contactForm.nameField.$touched ||
 contactForm.$submitted, 'valid-field': contactForm.nameField.$valid}" 
          type="text" name="nameField" placeholder="Full name*"
          ng-model="contactName"
          minlength="2"
          required >

这样的事情应该在指令中管理吗?或者,对于表单中的每个输入都有上面提到的标记是否正确?

由于

0 个答案:

没有答案