如何在Ember-App-Kit（EAK）中實現Ember-Validations

我有一個ember-app-kit應用程序。對於我使用的默認視圖的形式。但是對於表單驗證，我遇到了這個每個人都強烈推薦的庫。 Ember Validations By Docyard。但我不知道如何實現與我的eak設置相同。如何在Ember-App-Kit（EAK）中實現Ember-Validations

我有問題： 1.我應該在哪裏添加驗證？ 2.定義驗證時要聲明什麼？ 3.錯誤如何顯示他們聚焦或甚至提交按鈕？

說例如我有一個註冊表單，我想驗證名字姓氏，電子郵件，密碼，性別（選擇選項）。我應該怎麼做呢？

如果可能請用JSbin說明查詢。

來源

2014-03-05 Pranaya Behera

驗證應該發送給控制器，除非您使用可複製的dyanmic formset。此外u必須包裝ControllerObject這個

VAR AddController = Ember.ArrayController.extend（Ember.Validations.Mixin，{}

要啓動驗證u必須使名爲驗證新的對象

您必須添加的輸入值進行驗證

validations: { 
      newFirstname:{ 
      format: { with: /^[A-Za-z-]{2,16}$/, allowBlank: true, message: 'Enter valid name.' } 
      }, 
      newFamilyname: { 
      format: { with: /^[A-Za-z-]{3,16}$/ , message: 'Required field lastname.' } 
      } 
     },

顯示錯誤。

<div class="row"> 
     <div class="col-md-6 col-xs-4"> 
      <label>First name: </label> 
       {{input type="text" placeholder="First name" value=newFirstname class="form-control"}} 

        {{#if errors.newFirstname}} 
         <span class="error errorForValidation"><span class="glyphicon glyphicon-warning-sign"></span> {{errors.newFirstname}}</span> 
        {{/if}} 

     </div> 
     <div class="col-md-6 col-xs-4"> 
      <label>*Last name: </label> 
       {{input type="text" placeholder="Family name" value=newFamilyname class="form-control"}} 

        {{#if errors.newFamilyname}} 
         <span class="error"><span class="glyphicon glyphicon-warning-sign"></span> {{errors.newFamilyname}}</span> 
        {{/if}} 

     </div> 
    </div><!--end row-->

顯示按鈕，當確認是完美無瑕的

<button type="submit" class="btn btn-primary" {{bind-attr disabled="isInvalid"}}{{action 'GetData'}}>Create</button>

JSBIN：本http://emberjs.jsbin.com/iDeQABo/17/edit

來源

2014-03-05 11:19:14

的一個問題是，在提交應驗證卻使輸入文本字段不驗證第一和顯示錯誤信息。 –

如何在Ember-App-Kit（EAK）中實現Ember-Validations

回答

相關問題