tomi77/backbone-forms-validators

mixin menu(name)
  if name == 'home'
    li.active: a(href="index.html") Home
  else
    li: a(href="index.html") Home

  if name == 'multiple'
    li.active: a(href="multiple.html") Multiple
  else
    li: a(href="multiple.html") Multiple

  if name == 'minlength'
    li.active: a(href="minlength.html") Min Length
  else
    li: a(href="minlength.html") Min Length

  if name == 'maxlength'
    li.active: a(href="maxlength.html") Max Length
  else
    li: a(href="maxlength.html") Max Length

  if name == 'phone'
    li.active: a(href="phone.html") Phone
  else
    li: a(href="phone.html") Phone

  if name == 'nip'
    li.active: a(href="nip.html") NIP
  else
    li: a(href="nip.html") NIP

  if name == 'pesel'
    li.active: a(href="pesel.html") Pesel
  else
    li: a(href="pesel.html") Pesel

  if name == 'regon'
    li.active: a(href="regon.html") REGON
  else
    li: a(href="regon.html") REGON

doctype html
html(lang="en")
  head
    meta(charset="UTF-8")
    block title
    script(type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js")
    script(type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js")
    script(type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js")
    script(type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone-forms/0.14.1/backbone-forms.min.js")
    script(type="text/javascript" src="bbf-validators.js")
    script(type="text/javascript" src="pl.js")
    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;}
    block extraheaders
    script
      :coffee-script
        example = () ->
          form = new Backbone.Form schema: @schema()
          $('#form').html form.render().$el

          $('#form input').on 'keyup', () -> 
            form.validate()
            return

        document.addEventListener "DOMContentLoaded", example, false
        window.addEventListener "load", example, false
  body
    nav.navbar.navbar-default
      .container
        .collapse.navbar-collapse
          ul.nav.navbar-nav
            block menu
              +menu('home')
    .container
      #form(style="padding-bottom: 10px;")