How to define "rules" with HTML Markup for Form

Webix JS
1

For my form, I am following the pattern from http://docs.webix.com/samples/13_form/04_validation/01_basic.html

I’ve this field:

  data-view="form"
.....
  data-rules='{"email":webix.rules.isEmail,"login":webix.rules.isNotEmpty}'

At run time I see in the console:

Uncaught TypeError: Cannot read property 'call' of undefined

from the line shown below:

_validate:function(rule, data, obj, key){
		if (typeof rule == "string")
			rule = webix.rules[rule];
		if (rule.call(this, data, obj, key)){ ///////<<<<<<HERE
			if(this.callEvent("onValidationSuccess",[key, obj]) && this._clear_invalid)
				this._clear_invalid(key);
			return true;
		}
2

Still no solution but here is a snippet showing my current approach which fails.

http://webix.com/snippet/abb3c644