質問: 環境 HTML,javascript,PHP,cakephp3 現在入力フォームを作成しています。 そのテキストボックスの入力値チェックを行いたいです。全角文字のみ入力できるといった。 ただ少し特殊で、このテキストボックスはFormタグに囲まれておらず。またボタンもsubmitボタンではありません。そのためinputタグのpattern属性でのエラーチェックを使うことができませんでした。 そこで、 pattern属性を使わず、 HTML,javascript,PHP,cakephp3などでエラーチェックをする方法はあるでしょうか? ボタンを押したタイミング、あるいは、カーソルを失ったタイミングでエラーチェックをしたいと思っています。 cakephp3のFormクラスを使ったバリデーションもFormタグ、submitボタンがないためできませんでした。 もしわかる方がいらっしゃいましたらお教え頂けると幸いです。 よろしくお願い致します。
回答: `input.reportValidity()` で期待通りの動作しました。 * input[type=text]のvalidate - JSFiddle * 4.10.5 input要素 — HTML 5.1 日本語訳 * Forms in HTML5 - HTML | MDN ``` input blur focusout ``` **(更新履歴)** * 2016/03/31 01:40 `input.checkValidity()` を `input.reportValidity()` に修正 * 2016/03/31 02:30 `pattern` 属性から `^$` を削除。`blur, focusout` イベントのコード追加。 Re: k499778 さん