Form fields bindings

Forms are important parts of many web applications. In this section, we will learn about a number of data bindings to work with the form fields:

The value binding
The click binding
The submit binding
The event binding
The checked binding
The enable binging
The disable binding
The options binding
The selectedOptions binding

The value binding

Very often, forms use the input, select and textarea elements to enter text. Knockout.js allows work with such text via the value binding, as shown in the following example (PersonalPage-Binding-Value.html):

The Model will be as follows:

var person = {
  firstName: "John"
};

The ViewModel will be as follows:

var PersonViewModel = function() {
  var self = this;
  self.firstName = ko.observable(person.firstName);
};

The View will be as follows:

<form>
  The first name is <input type="text" data-bind="value: firstName" />.
</form>

The value property of the text input element binds to the firstName property...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Getting Started with Knockout.js for .NET Developers

By : Andrey Ankshin

Getting Started with Knockout.js for .NET Developers

By: Andrey Ankshin

Overview of this book

Form fields bindings

The value binding

Getting Started with Knockout.js for .NET Developers

By : Andrey Ankshin

Getting Started with Knockout.js for .NET Developers

By: Andrey Ankshin

Overview of this book

Form fields bindings

The value binding

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access