输入checkValidity和setCustomValidity

Question

在ember中有使用checkValidity() setCustomValidity()的方法吗？例如，在我提交的控制器中，我有：

var inpObj = this.get('name');
if (inpObj.checkValidity() == false) {
    alert('ok');
}

当然这是我的条形码：

{{input id="name" type="text" value=name placeholder="Your Name" required="true"}}

在提交此文件时，我会收到以下错误消息：

inpObj.checkValidity不是函数

Answer 1

您需要获得HTML5元素而不是字符串来调用checkValidity函数。

var inpObj = this.get('name'); // this is only a string

您可以使用jQuery代替：

var inpObj = Ember.$('#name')[0];

if (inpObj.checkValidity() == false) {
  alert('ok');
}

工作演示。

Answer 2

如果要避免jQuery，可以在提交按钮上设置一个操作，为您运行有效的检查。

<button {{action "submitForm"}}>Your Button</button>

然后在你的contoller里做一个动作：

actions: {
  submitForm() {
    var inpObj = this.get('name');
    if(!inpObj.checkValidity()) {
      // error handling
      alert('ok');
    } else {
      // save your data, or whatever you need to do
      this.transitionTo('some.route');
    }
  }
}