如何在带有外部装置的Ember-App-Kit中实现Ember-Validations

时间:2014-03-28 21:37:24

标签: javascript ember.js ecmascript-6 ember-app-kit

这是this post NEAR 副本,它有一个很好的ember验证示例(没有EAK)here。但是,我想知道是否有人可以为我做一个EAK版本,一个区别是只有在用户模糊了表单输入后,JSBIN才会显示验证错误。这个jsbin显示了加载时的错误。我希望看到验证消息是在字段第一次集中在最快,而不是onload之后。我不确定这是否是JSBIN实现的工件或ember-validations的实际预期功能设计。我希望在git或bitbucket中看到一个干净的EAK,它只有这个,index.hbs中相同的5或6个输入,它们与验证对象中具有相同五个元素的控制器绑定,但不同之处在于#39; t显示错误,直到控件至少与用户进行一次交互。我会非常高兴地看到用户在终端上为他们的EAK添加ember验证的步骤,因为目前我正在进行下面的这项研究,我不确定问题可能不是EAK实现,而是我首先将ember-validations.js带入我的应用程序的方式。我对如何做到这一点有一些相互矛盾的建议,但考虑到现在,我至少在页面中看到了错误信息很难说是否存在问题包含或不包含脚本。

gem install bundler
git clone git://github.com/dockyard/ember-validations.git
cd ember-validations
bundle install
bundle exec rake dist
cp dist/ember-validations/ember-validations.js vendor/ember-validations/ember-validations.js
subl app/index.html

insert line 57:     <script src="/vendor/ember-validations/ember-validations.js"></script>
open http://localhost:8000

有了这个,我能够看到应用加载时突出显示的错误。但是,对于我的尝试,在添加满意的输入后,我没有看到错误清除或启用了继续按钮。所以我有与JSBIN和OP相同的不需要的功能。这可能是一个更基本的余烬问题,或基本的EAK问题,但我希望看到以EAK(ES6)格式设置的简单余烬验证。有了文件列表,它们的位置,或者更好的是克隆的git。

此外,如果可能的话,我希望在没有FIXTURES或DS存储的情况下完成此操作。我在想控制器中的一个简单对象。在文档中我认为,一旦创建了对象,验证就会触发。那么,如何将表单控件与表单控件进行交互之后推迟验证?

谢谢!

编辑:所以,我能够让EAK架构发生......任何对我的解决方案感兴趣的人,现在都有a bitbucket repo来检查和享受!

编辑2:所以,再观察和思考这个问题。这是有道理的。它只是我的造型和消息语言使它变得笨重。当然,存在:属性使它们看起来像错误,但事实上,它们也被视为cta's或称之为行动,突出了需要注意的领域。当这些字段最初为空时,不要像错误那样考虑它们,而是将它们当作引起注意的注意力。由于我的按钮被禁用,只要字段是inValid,就没有理由在任何其他时间有消息,因为永远不会有用户提交按钮而不满足存在的用例和验证对象的其他属性。所以,要解决我的问题&#34;我只需要以不同的方式思考错误。我没有使用错误类来设置它们的样式,而是正常地对它们进行样式化,并且当满足状态时,请显示一个复选标记或类似的友好内容。所以实际上,这些验证正如我所希望的那样工作。这只是不遵循消息错误样式的开箱即用性质的问题。

双重谢谢!

0 个答案:

没有答案