在多頁面表單中使用ember-cp驗證

Question

我有一個order模型，我正在通過多頁表單收集數據。我已經創造了一些驗證這樣的：

const Validations = buildValidations({ 
    // these should only be used when we’re on checkout.info route 
    name: validator('presence', true), 
    email: [ 
    validator('presence', true), 
    validator('format', { type: 'email' }) 
    ], 
    // these should only be used when we’re on checkout.shipping route 
    address1: validator('presence', true), 
    address2: validator('presence', true), 
    city: validator('presence', true), 
}); 

我的模型被設置爲使用它們像這樣：

export default Model.extend(Validations, { 
    // model set-up in here 
}) 

我想發生的是它僅驗證name和email當我在checkout.info上時，驗證address1，address2和city，當我在checkout.shipping上時。

有一個問題我已經試過已經在運行驗證我checkout-form組件裏面的東西：

let { m, validations } = order.validateSync({ 
    on: ['name', 'email'] 
}) 
const isValid = validations.get('isValid') 
order.set('didValidate', isValid) 

的問題是，這似乎並沒有解除對我的窗體的下一個按鈕

禁用狀態

{{next-button disabled=(v-get model.order 'isInvalid')}} 

我想另一件事是建立一個自定義的驗證routed-presence禁用presence時，它不是目前的路線上。這樣做的麻煩在於其他驗證器仍然會阻止這個（例如類型或長度）。

我該如何去做到這一點？

Answer 1

雖然它沒有很好的記載，可以啓用或模型計算禁用基於條件的驗證：

import { validator, buildValidations } from 'ember-cp-validations'; 

export default Ember.Object.extend(buildValidations({ 

    email: { 
    disabled: Ember.computed.alias('model.isCheckoutPage'), 
    validators: [ 
     ... 
    ], 
    } 
}), { 
    // could be a computed property too 
    isCheckoutPage: false, 
});