- type="button" でエラーを出したい

Google ChromeとOperaなど ```reportValidity()``` に対応しているブラウザの場合、それを呼ぶだけでsubmitボタンを押した時と同じUIでエラーが表示されます。

    <form action=...>
      <input type="button" value="検証" onclick="this.form.reportValidity()">

```reportValidity()``` が使えない場合、自分のコードでエラーメッセージを出す必要があります。

    <form action=...>
    <input type="button" value="検証" onclick="report(this.form)">
    <script>
    function report(form) {
      if (form.sampleName.validity.valid)
        return;
      // alert()は良いUIではないので実際はもっと良い方法で表示すべき。
      alert(form.sampleName.validationMessage + form.sampleName.title);
      form.sampleName.focus();
    }
    </script>

- 入れた瞬間にエラーメッセージ

上記と同様のことを ```input``` イベントハンドラで実行すればよいかと思います。
```reprotValidity()``` がない場合の例:

    <form action=...>
    <input name="sampleName" oninput="report(this)" ...>
    <script>
    function report(input) {
      if (input.validity.valid)
        return;
      // alert()は良いUIではないので実際はもっと良い方法で表示すべき。
      alert(input.validationMessage + input.title);
      input.focus();
    }
    </script>