Min/Max Observable

Min/Max Observable

by JamesPattison

HTML

<form>
  <pre>
      <label for="min">Min Value</label>
      <input id="min" type="number" data-bind="value:minVal, attr:{max:maxVal?maxVal:100000}" />
  </pre>
  <pre>
      <label for="max">Max Value</label>
      <input id="max" type="number" data-bind="value:maxVal, attr:{min:minVal?minVal:0}" />
  </pre>

<input type="submit"/>
</form>

JavaScript

// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function ViewModel() {
	this.minVal = ko.observable(6);
	this.maxVal = ko.observable(10); 
}

// Activates knockout.js
ko.applyBindings(new ViewModel());