El modelo de error de validación de Backbone.js se devuelve válido por la validación durante la última validación fallida. Se utiliza para mostrar un error, en caso de que la validación falle y active el evento no válido.
Sintaxis:
model.validationError
Propiedad: No toma ninguna propiedad.
Ejemplo 1: En este ejemplo, ilustraremos el modelo de error de validación de Backbone.js. Aquí imprimiremos todos los errores con la ayuda de validationError.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Model Example</title>
<script src=
"https://code.jquery.com/jquery-2.1.3.min.js"
type="text/javascript"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
type="text/javascript"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
var Person = Backbone.Model.extend({
validate: function (attributes) {
var error = [];
if (!attributes.name) {
error.push('Empty Name!!!');
}
if (attributes.age < 25) {
error.push('Age restriction!!! ');
}
return error;
},
});
var person = new Person();
person.set({ age: '20' }, { validate: true });
console.log(person.validationError)
</script>
</body>
</html>
Producción:
Modelo de error de validación de Backbone.js
Ejemplo 2: En este ejemplo, utilizaremos validar nuestros atributos del modelo si los atributos son incorrectos y luego devolveremos un error.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Model Example</title>
<script src=
"https://code.jquery.com/jquery-2.1.3.min.js"
type="text/javascript"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
type="text/javascript"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
var Geek = Backbone.Model.extend({
initialize: function () {
this.on('invalid', function (model, error) {
document.write(error.join('<br>'));
});
},
validate: function (attributes) {
var error = [];
if (!attributes.name) {
error.push('Empty Name!!!');
}
if (attributes.id < 0 || attributes.id > 1000) {
error.push('Invalid id!!! ');
}
return error;
},
});
var geek1 = new Geek();
geek1.set({ id: 1200 }, { validate: true });
</script>
</body>
</html>
Producción:
Modelo de error de validación de Backbone.js
Referencia: https://backbonejs.org/#Model-validationError
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA