can
Version:
MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy.
106 lines (73 loc) • 3.78 kB
Markdown
@page can.Map.validations validations
@parent can.Map.plugins
@plugin can/map/validations
@test can/map/validations/test.html
@deprecated {2.3} This validations plugin
will be removed in 3.0. It will be replaced by
[can-validate](https://github.com/canjs/can-validate).
@body
The `can/map/validations` plugin provides validations on maps. Validations
are set on [can.Map]'s __static__ `init` function.
The following validates the `birthday` attribute in Contacts:
Contact = can.Map.extend({
init : function(){
// validates that birthday is in the future
this.validate("birthday",function(birthday){
if(birthday > new Date){
return "your birthday needs to be in the past"
}
})
}
},{});
var contact = new Contact({birthday: new Date(2012,0) })
Use [can.Map.validations.prototype.errors errors] `( [attrs...], newVal )` to read errors
or to test if setting a value would create an error:
// Check if there are errors on the instance
contact.errors() //-> null - there are no errors
// Test if setting birthday to new Date(3013,0) would error
contact.errors("birthday",
new Date(3013,0) )
//-> ["your birthday needs to be in the past"]
// Set birthday anyway
contact.attr("birthday", new Date(3013,0) )
// Get all errors
contact.errors()
//-> {
// birthday: ["your birthday needs to be in the past"]
// }
// Get errors for birthday
contact.errors("birthday")
//-> ["your birthday needs to be in the past"]
## Validation Methods
The most basic validate method is [can.Map.validations.static.validate validate]<code>()</code>.
There are several built-in validation methods so you don't have to define your own in all cases like in the birthday example above.
- [can.Map.validations.static.validate can.Map.validate]<code>(attrNames, options, proc)</code> Attributes validated with function.
- [can.Map.validations.static.validateFormatOf can.Map.validateFormatOf]<code>(attrNames, regexp, options)</code> Attributes match the regular expression.
- [can.Map.validations.static.validateInclusionOf can.Map.validateInclusionOf]<code>( attrNames, inArray, [options] )</code> Attributes are available in a particular array.
- [can.Map.validations.static.validateLengthOf can.Map.validateLengthOf]<code>(attrNames, min, max, [options])</code> Attributes' lengths are in the given range.
- [can.Map.validations.static.validatePresenceOf can.Map.validatePresenceOf]<code>( attrNames, [options] )</code> Attributes are not blank.
- [can.Map.validations.static.validateRangeOf can.Map.validateRangeOf]<code>(attrNames, low, hi, [options])</code> Attributes are in the given numeric range.
## Error Method
[can.Map.validations.prototype.errors can.Map.errors]<code>()</code> runs the validations on this model. You can also pass it an array
of attributes to run only those attributes. It returns
nothing if there are no errors, or an object of errors by attribute.
To use validations, it's required you use the _map/validations_ plugin.
Task = can.Map.extend({
init : function(){
this.validatePresenceOf("dueDate")
}
},{});
var task = new Task(),
errors = task.errors()
errors.dueDate[0] //-> "can't be empty"
## Listening to events
Use [can.Map::bind bind] to listen to error messages:
contact.bind("error", function(ev, attr, errors){
// attr = "birthday"
// errors = { birthday:
// ["your birthday needs to be in the past"] }
})
## Demo
Click a person's name to update their birthday. If you put the date
in the future, say the year 2525, it will report back an error.
@demo can/map/validations/doc/validations.html