Centralize Aurelia validation logic

Question

I would like to centralize validation logic in @ensure but I am not sure how to do it. This is an example from documentation:

import {Validation} from 'aurelia-validation';
import {ensure} from 'aurelia-validation';

export class Person {
  static inject() { return [Validation];}
  
  //I want to inject validation logic here instead of using function(it){...}
  @ensure(function(it){ it.isNotEmpty().hasLengthBetween(3,10) })
    firstName = 'John';

  constructor(validation) {
    this.validation = validation.on(this);
  }
}

And I would to change the code above to like below:

import {Validation} from 'aurelia-validation';
import {ensure} from 'aurelia-validation';
import {UserValidation} from 'user/userValidation'; //custom validation logic here

export class Person {
  static inject() { return [Validation];}
  
  //can I do something like this instead of using function(it){...}?
  @ensure(UserValidation.firstName)
    firstName = 'John';

  constructor(validation) {
    this.validation = validation.on(this);
  }
}

If we need to collect first name only on 1 page then we don't have to do this at all but since we might have to have user to enter their first name on multiple different pages, we would like to centralize the validation logic somewhere so that we don't have to copy & paste it everywhere. We don't want to create "first name component" either because UI will be different on each page, so we just want to reuse the validation logic.

UPDATE: I asked this question in Aurelia discussion and was asked to try the following.

//userValidation.js
export function firstName(it){ it.isNotEmpty().hasLengthBetween(3,10)};

import {Validation} from 'aurelia-validation';
import {ensure} from 'aurelia-validation';
import * as userValidation from 'user/userValidation';

export class Person {
  static inject() { return [Validation];}
  
  @ensure(userValidation.firstName)
    firstName = 'John';

  constructor(validation) {
    this.validation = validation.on(this);
  }
}

But I am getting this error: Unhandled promise rejection Error: Error instantiating Person. Any idea how I can fix this?

I am not sure why the injection is not creating a new Validation - but you could try: code constructor() { this.validation = new Validation(); this.validation.on(this); } code — Steve
@Steve, actually the code above worked but I had to remove a line of my test code which is not in the code example above. Sorry for the confusion. I posted the answer below. — Golden mole

Golden mole Golden mole · Accepted Answer · 2015-09-11T14:36:12

Actually, the following code worked!

//userValidation.js
export function firstName(it){ it.isNotEmpty().hasLengthBetween(3,10)};

//person.js
import {Validation} from 'aurelia-validation';
import {ensure} from 'aurelia-validation';
import * as userValidation from 'user/userValidation';

export class Person {
  static inject() { return [Validation];}
  
  @ensure(userValidation.firstName)
    firstName = 'John';

  constructor(validation) {
    this.validation = validation.on(this);
  }
}

Centralize Aurelia validation logic

1 Answers