emberjs input checkValidity и setCustomValidity

Question

Есть ли способ использовать checkValidity() setCustomValidity() внутри ember? Например, в моем контроллере при представлении у меня есть:

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'); 
} 

Working demo.

Answer 2

Если вы хотите, чтобы избежать JQuery, вы можете установить действие на вашу кнопку отправки, которая проходит действительную проверку для вас.

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

Тогда есть действие в вашем регуляторе,:

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'); 
    } 
    } 
}