Demonstrating Backbone.js: Validations Part 4

Introduction

Welcome to the "Demonstrating Backbone.js" article series. This article demonstrates how to create and use validations in Backbone.js. This article starts with the concept of Backbone.js and various components of it. Previous articles have provided an introduction to views and the implementation of routers and collections. You can get them from the following:

Builtin Validators

Here we will see some builti validators in Bacbone.js validation, each one in detail.

Method Validator
Named Method Validator
required
acceptance
min
max
range
length
minLength
maxLength
rangeLength
oneOf
equalTo
pattern

In my previous articles we saw the min, max and range validators, here we will see the remaining ones.

Length Validator

It will validate that the value is a string with a length equal to the specified length.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JavaScript.aspx.cs" Inherits="JavaScript.JavaScript" %>

<!DOCTYPE html>

</head>

<body>

var Area = Backbone.Model.extend({

validation: {

postalCode: {

length: 4

}

});

</script>

</body>

</html>

Minlength Validator

It validates that the value is a string with a length equal to or greater than the specified min length.

var User = Backbone.Model.extend({

validation: {

password: {

minLength: 8

}

});

</script>

Maxlength Validator

It validates that the value is a string with a length equal to or less than the specified max length.

var User = Backbone.Model.extend({

validation: {

password: {

maxLength: 100

}

});

</script>

Range Length Validator

It validates that the value is a string with a length between the two numbers specified, inclusive (in other words the supplied value's length can be equal to the lowest or highest value in the range).

var user = Backbone.Model.extend({

validation: {

password: {

rangeLength: [6, 100]

}

});

</script>

Oneof Validator

It validates that the value is equal to one of the elements in the specified array. The matching is case sensitive.

var States = Backbone.Model.extend({

validation: {

state: {

oneOf: ['Andhrapradesh', 'Tamilnadu']

}

});

</script>

Equalto Validator

It validates that the value is equal to the value of the attribute with the name specified.

var User = Backbone.Model.extend({

validation: {

password: {

required: true

passwordRepeat: {

equalTo: 'password'

}

});

</script>

Pattern Validator

It validates that the value matches the pattern specified. It can be a regular expression or the name of one of the builtin patterns.

var User = Backbone.Model.extend({

validation: {

email: {

pattern: 'email'

}

});

</script>

Summary

In this article, I explained how to use builtin validators in models in Backbone.js, In future articles we will understand them with a real-time application.