Knockout Online Skills Assessment Test

<label>Male
<input type="radio" name="IsMale" value="1" data-bind="checked:IsMale"/>
</label>
<label>Female
<input type="radio" name="IsMale" value="0" data-bind="checked:IsMale"/>
</label>
<div data-bind="text: !!+IsMale()"/>
var vm = {
IsMale: ko.observable(false)
};
ko.applyBindings(vm);

var ViewModel = function() {
this.IsMale = ko.observable(true);
this.IsMale.ForEditing = ko.computed({
read: function() {
return this.IsMale().toString();
},
write: function(newValue) {
this.IsMale(newValue === "true");
},
owner: this
});
};

<label>Male
<input type="radio" name="IsMale" value="true" data-bind="checked:IsMale"/>
</label>
<label>Female
<input type="radio" name="IsMale" value="false" data-bind="checked:IsMale"/>
</label>

<label>Male
<input type="radio" name="IsMale" value="true" data-bind="checked:IsMale()"/>
</label>
<label>Female
<input type="radio" name="IsMale" value="false" data-bind="checked:IsMale()"/>
</label>

Use the mapping options to attach the validation rules when certain properties are created.
<input data-bind="value: name" />
var data = { name: "Joe Shmo" };
var validationMapping = {
// customize the creation of the name property so that it provides validation
name: {
create: function(options) {
return ko.observable(options.data).extend( {required: true} );
}
}
};
var viewModel = ko.validatedObservable(ko.mapping.fromJS(data, validationMapping)); ko.applyBindings(viewModel);

Use HTML5 attributes. This is only supported for some validations (i.e. required, pattern).
<input data-bind="value: name" required />
ko.validation.configure({
parseInputAttributes: true
});
var data = { name: "Joe Shmo" };
var viewModel = ko.validatedObservable(ko.mapping.fromJS(data));
ko.applyBindings(viewModel);

function viewModel() {
var self = this;
self.persons = ko.observableArray();
// persons are retrieved via AJAX...
ko.mapping.fromJS(persons, {}, self.persons);
self.Name.extend({ required: true });
}

function viewModel() {

var self = this;
self.persons = ko.observableArray();
// persons are retrieved via AJAX...
ko.mapping.fromJS(persons, {}, self.persons);
self.Name.extend({ required: false });
}

Set ko.validation.configure to use deep grouping because the default value is false.
and implement logic validation in viewmodel. for example
viewmodel.save = function(){
var result = ko.validation.group(viewModel, {deep: true});
if (!viewModel.isValid())
{
alert("Please fix all errors before preceding");
result.showAllMessages(true);
return false;
}}

Set ko.validation.configure to use deep grouping because the default value is false.
and implement logic validation in viewmodel. for example
viewmodel.save = function(){
var result = ko.validation.group(viewModel, {deep: true});
if (result().length > 0)
{
alert("Please fix all errors before preceding");
result.showAllMessages(true);
return false;
}}

Use jquery validate plugin for it.

Implement viewModel.errors.showAllMessages() function to viewModel;