El modelo de validación de Backbone.js es la lógica de validación que queremos aplicar para todos los atributos del modelo. Si los atributos son válidos, no devuelve nada de validar, si no son válidos, devuelve un mensaje de error. Puede ser tan simple como mostrar un mensaje de error de string o un objeto de error completo que describe el error.
Sintaxis:
model.validate( attributes, options );
Parámetros:
- atributos: Estos son los atributos del modelo que se pasa para validar la función.
- options: Esta es una opción para validar los atributos.
Ejemplo 1: En este ejemplo, ilustraremos el modelo de validación de Backbone.js. En este ejemplo, veremos que la validación se activará cuando establezcamos el valor del modelo con la ayuda del método set.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS validate Model</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.2.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS validate Model with set</h3>
<script type="text/javascript">
var Person = Backbone.Model.extend({
validate: function (attributes) {
document.write("You data is validating...<br>");
if (!attributes.name) {
document.write('Please enter the name!!!<br>');
}
if (attributes.age < 25) {
document.write('You are age below required!!! ');
}
},
});
var person = new Person();
person.set({ name: "hello", age: '23' }, { validate: true });
</script>
</body>
</html>
Producción:
Backbone.js Validar modelo
Ejemplo 2: En este ejemplo, activaremos la función de validación cuando se llame a la función de guardado del modelo.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS validate Model</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.2.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS validate Model with save</h3>
<script type="text/javascript">
var Person = Backbone.Model.extend({
validate: function (attributes) {
document.write("You data is validating...<br>");
if (!attributes.name) {
document.write('Please enter the name!!!<br>');
}
if (attributes.age < 25) {
document.write('You are age below required!!! ');
}
},
});
var person = new Person();
person.save({ age: '25' });
</script>
</body>
</html>
Producción:
Modelo de validación de Backbone.js
Referencia: https://backbonejs.org/#Model-validate
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA