Hello there, I am having issues validating an edit form ( populating data via an API call in the activate method). The validation works on the create version of the form. If i remove the code that populated the form the validation works on the edit form, so it is clearly related to it. I am new to Aurelia ans SPA. Any help is welcome, thank you. Here is a link to my question on stack overflow, https://stackoverflow.com/questions/46800306/aurelia-validation-nor-working-when-data-is-pre-populated-in-the-form
According to the official docs,
"The validation controller has a subscribe(callback: (event: ValidateEvent) => void) method you can use to subscribe to validate and reset events. ".
I try to do this.myValidationController.subscribe() but I get an error saying "this.validationController.subscribe is not a function". Any idea why that is?
i am looking at solutions here https://www.jujens.eu/posts/en/2017/Jan/24/aurelia-validation/
where
this.validator.validateObject(this.todo) is being used... is this the path i need to go down?
So I am encountering an issue with
changeOrBlur. We have a set of validation rules on our model (Manufacturing Orders). We then have a separate view-model that is used to create new Manufacturing orders. I am running into problems when setting the installation date from an date-picker custom attribute. When the user selects a date it blurs the input box causing the UI to throw an error that Installation Date is Required. The only way to clear this error is to reselect a date or to click in and out of the date input box.
const controller1Rules = ValidationRules
.ensure('addNewRacfId').required().withMessage('User Id is required').minLength(8).withMessage('User Id must at least be 8 characters long.')
.rules;
const racfIdValidated = () => {
return this.addNewUserRacfFilter();
};
and called
.ensureObject().satisfies(racfIdValidated)
const racfIdValidated = () => {
return false;
};
const racfRules = ValidationRules
.ensure('addNewRacfId').required()
.ensureObject().satisfies(racfIdValidated).withMessage('user not found').rules;
this.racfValidationController.addObject(this, racfRules);Hi guys, when running this validation i am trying to add a custom rule
the required is triggering...
i am tryinng to pass false in racfIdValidated custom rule
but it is still not showing the custom message of user not found
const racfIdValidated = () => {
console.log('hello world')
return false;
};
my console log is showing when running the validation... so it is definitely running the custom validation rule
const racfRules = ValidationRules
.ensure('addNewRacfId').required()
.then().satisfies(racfIdValidated).withMessage('user not found').rules;
cheers
hi! i have a question how to make a validation rules with objects which contains nested objects because i always get an error when the rules get parsed:
export class PartnerItemViewModel {
id: number;
name1: string;
name2: string;
address: AddressViewModel;
}
export class AddressViewModel{
id: number;
street: string;
houseNo: string;
location: string;
zipCode: string;
countryCode: string;
}
ValidationRules
.ensure((p: PartnerItemViewModel) => p.name1)
.required().withMessageKey('please_enter')
.ensure((p: PartnerItemViewModel) => p.name2)
.required().withMessageKey('please_enter')
.ensureObject().satisfies(p => p.address).withMessageKey('please_enter')
.required().withMessageKey('please_enter')
.then()
.ensure((p: PartnerItemViewModel) => p.address.street)
.required().withMessageKey('please_enter')
.on(this)
.rules;the error is
Message: Unable to parse accessor function:
function (p) { return p.address.street; }
Hi there, I have a big form with cusom form input components each containing its own validation controller. The form does not have any validation controller. When I had one validation controller only in the form it dit not work because of name clashes. How can I check in the form class if the entire form is valid? Any help is greatly appreciated
This is because a validation renderer does not know how to handle your custom controls. For the materialise bridge I wrote a custom renderer which looks for specific methods on custom elements and uses them to render errors. Each control just need to define those couple of methods
@JoelNiklaus have a look at this price to get an idea aurelia-ui-toolkits/aurelia-materialize-bridge#432
*PR
I believe that Aurelia validation should have provided something similar, instead of an ability to register custom renderers
Hi everyone, I have a problem with the validation.
I have a model with multiple validationRules, which work correctly. This model is used for a view in an array. In the view, I know need to trigger the validation on each of the objects in my array. Is there any way to call the ".required()" on each array-item?
I have a model with multiple validationRules, which work correctly. This model is used for a view in an array. In the view, I know need to trigger the validation on each of the objects in my array. Is there any way to call the ".required()" on each array-item?
@srfabio I have a form where multiple persons can be added. The validation of a person, is inside the model of the person. But since the validation is triggered manually in the form-view, I need a require on each person to trigger the validation each time. Something like ensureForEach. But as much as I know, there isn't a method like this.
i have this code
constructor(movieData: MovieData, router: Router, validator: Validator, validationRules: ValidationRules) {
this.data = movieData;
this.router = router;
this.validator = validator;
this.validationRules = validationRules;
this.data = movieData;
this.router = router;
this.validator = validator;
this.validationRules = validationRules;
ValidationRules.ensure(this.movie.title).required();
}
I'm not sure what's going on. Version 1.1.2. I have errors displayed on the page. I can keep clicking the submit button and it keeps adding errors under the fields. It looks like nothing is coming back for instruction.unrender in the render method even if errors already exist.
i'm using Aurelia Validation on change and blur. cursor is on a required text field . user hits a button on the page -- the blur triggers the validation error, however it seems to prevent the button's change event from happening. user has to click the button again to trigger the change event. is there a workaround beyond doing away with blur validation trigger?
Hello all. Does anyone know how to use validation on generated inputs inside repeat.for? I would like to validate dynamic form based on Arrays and Maps.
Examples:
<div repeat.for="double of doubles"> <!-- doubles is an array -->
<input placeholder="double ${$index + 1}" value.bind="double & validate">
</div>
<div repeat.for="[key,value] of stringDoubleMap"> <!-- stringDoubleMap is a map -->
<input placeholder="${key}" value.bind="value $ validate">
</div>I need to use similar form to generate XML in output. I would like to validate each generated input separatly.
Is there a way to use aurelia validation on regular variables? Use case using redux to manage state of multiple child components. Instead of setting all validation properties in the parent and two way binding into the CEs or something along those lines, can I create local variables of my child component state and validate them without them being class props? As in getState() in the validate() call and check the local vars follow rules? I dont want to make 15+ props on my parent vm and use two way binding everywhere
hi! i have a question how to make a validation rules with objects which contains nested objects because i always get an error when the rules get parsed:
export class PartnerItemViewModel {
id: number;
name1: string;
name2: string;
address: AddressViewModel;
}
export class AddressViewModel{
id: number;
street: string;
houseNo: string;
location: string;
zipCode: string;
countryCode: string;
}
ValidationRules
.ensure((p: PartnerItemViewModel) => p.name1)
.required().withMessageKey('please_enter')
.ensure((p: PartnerItemViewModel) => p.name2)
.required().withMessageKey('please_enter')
.ensureObject().satisfies(p => p.address).withMessageKey('please_enter')
.required().withMessageKey('please_enter')
.then()
.ensure((p: PartnerItemViewModel) => p.address.street)
.required().withMessageKey('please_enter')
.on(this)
.rules;the error is
Message: Unable to parse accessor function:
function (p) { return p.address.street; }I'm having exactly the same issue. I prefer to keep my form bindings in a model as well, but the accessor function fails every time, forcing me to move the properties outside of a model. That is a solution, I guess, but shouldn't there be a simple way of doing this?
Don't know if this has been answered, but is there a way in the View to know if a given input field is required (i.e., defined as required when defining the field's validation rules?)