Learn Knockout.js - Part 3: Form Validation

In part 3, we work with forms and field validation.

Knockout is a library that provides declarative bindings for creating interactive web apps. See knockout's website for docs:

Here's the code for this tutorial:

Join our Email List

Join our Discord:

Twitter:

[tigransoghomonyan]

Please don't stop to make tutorials, You're doing a great job speaking about Knockout.
Thank You.

[yuhechen]

Awesome tutorial. Looking forward to future sessions.

[indiehaze]

Jesus, Knockout is still being used... I had a chance to work with Knockout on my intern job. Too bad this tutorial wasn't available. It was hard because it was my first encounter with JS in general. Good tutorial!

[dengsbb]

Awesome - can we, please, have more tail wagging days ;-) Keep up these great tutorial!

[honeesh]

All thanks, appreciation and respect to you
It was a very nice lesson

[samoniumuziejus]

Ok this is all the basics of any form library out there, but what if I want a custom validator based on multiple fields, not just of its own value

[muzedmonk]

what a wonderful tutorial and quite engaging too.

[cesarvalencia]

Great tutorial!!, can you make a video to use knockout with tables to bind to form fields (text boxes, select tags). so that when i select a row in the table, the form fields will change as well. thank you

[ThaboGelenja]

Drew.... you so very much... i really appreciate this

[zmark]

something tells me that all of your potential viewers might have come to seek a help out of lack of information how to deal with KO in Magento)

[laurabennett]

ok - figured out one of my issues. - why the changes weren't reflected - I did a CMD+Shift+R on my mac and that fixed that ;=)

[laurabennett]

Hi - thank you for this tutorial - I am new to Knockout. My q - when I make a change to my .js file - the changes don't know up in the chrome console. if I rename the file - then I will see my changes. I don't want to have to clear cache. I have a .html file with the form. I have a .py file with my route and the .js file that is called when I hit submit on the form. I initially got the error "uncaught Syntax Error: Private field #read must be declared in an enclosing class in my app.js file. It was just before the stmt: $.getJSON('/api/v1/users', function(userModels). I was trying to comment out code - but it the original code in the .js file is showing up in my browser - do you know what I could do to change it? Is there a form i can post coding questions? tx again!

[UsmanAli-bvsi]

Drew plz help me Your source code embed in editor but error is " ko is not defined "
Plz reply