docs/phone.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Backbone-Forms phone validator examples</title><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone-forms/0.14.1/backbone-forms.min.js"></script><script type="text/javascript" src="bbf-validators.js"></script><script type="text/javascript" src="pl.js"></script><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css"><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/backbone-forms/0.14.1/templates/bootstrap3.css"><style>div[data-error] {color: red;}</style><script>(function() {
var example;
example = function() {
return this.schema = function() {
return {
phone: {
type: 'Text',
title: 'Phone',
help: 'Enter phone number',
validators: ['phone'],
editorAttrs: {
autocomplete: 'off'
}
}
};
};
};
document.addEventListener("DOMContentLoaded", example, false);
window.addEventListener("load", example, false);
}).call(this);
</script><script>(function() {
var example;
example = function() {
var form;
form = new Backbone.Form({
schema: this.schema()
});
$('#form').html(form.render().$el);
return $('#form input').on('keyup', function() {
form.validate();
});
};
document.addEventListener("DOMContentLoaded", example, false);
window.addEventListener("load", example, false);
}).call(this);
</script></head><body><nav class="navbar navbar-default"><div class="container"><div class="collapse navbar-collapse"><ul class="nav navbar-nav"><li><a href="index.html">Home</a></li><li><a href="multiple.html">Multiple</a></li><li><a href="minlength.html">Min Length</a></li><li><a href="maxlength.html">Max Length</a></li><li class="active"><a href="phone.html">Phone</a></li><li><a href="nip.html">NIP</a></li><li><a href="pesel.html">Pesel</a></li><li><a href="regon.html">REGON</a></li></ul></div></div></nav><div class="container"><div id="form" style="padding-bottom: 10px"></div></div></body></html>