jsobell

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="name">Name</label>
      <input type="text" class="form-control" id="name" placeholder="Name"
             value.bind="user.name & validate">
    </div>

jsobell

import { ValidationRules } from 'aurelia-validation';

export class Address {
  street; 
  city;
}

/*ValidationRules
  .ensure(a => a.street).required()
  .ensure(a => a.city).required()

jsobell

<template>
  <require from='subinput'></require>

  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="first">First Name</label>
      <select value.bind="firstName & updateTrigger:'input' & validate">
        <option value='Jason'>Jason</option>

jsobell

<template>
  <require from='subinput'></require>

  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="first">First Name</label>
      <select value.bind="firstName & updateTrigger:'input' & validate">
        <option value='Jason'>Jason</option>

jsobell

<template>
  <require from='subinput'></require>

  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="first">First Name</label>
      <select value.bind="firstName & updateTrigger:'input' & validate">
        <option value='Jason'>Jason</option>

jsobell

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="last">First Name</label>
      <input type="text" class="form-control" id="last" placeholder="Last Name"
             value.bind="fname & validate">
    </div>

jsobell

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="fst">First Name</label>
      <input type="text" class="form-control" id="fst" placeholder="Last Name"
             value.bind="user.fname & validate">
    </div>

jsobell

<template>
  <require from='subinput'></require>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="first">First Name</label>
      <select value.bind="firstName & updateTrigger:'input' & validate">
        <option value='Jason'>Jason</option>
        <option value='Fred'>Fred</option>

jsobell

<template>
  <form submit.delegate="submit()" novalidate autocomplete="off">
  <div>
    <button type="submit" class="btn btn-primary">Submit</button>
    <button class="btn btn-success" click.delegate='reset()'>Reset</button>
    <button class="btn btn-info" click.delegate='silent()'>Check...</button>${silentResult}
  </div>
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">

jsobell

<template>
  <form submit.delegate="submit()" novalidate autocomplete="off">
  <div>
    <button type="submit" class="btn btn-primary">Submit</button>
    <button class="btn btn-success" click.delegate='reset()'>Reset</button>
    <button class="btn btn-info" click.delegate='silent()'>Check...</button>${silentResult}
  </div>
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">