読者です 読者をやめる 読者になる 読者になる

自分用めも

初心者ちっくなプログラムネタを中心に、自分用の覚え書きをメモっていくための場所です。

submitせずにhtml5のバリデーションを動かす

formオブジェクトのcheckValidityというメソッドを呼ぶことで、バリデーション可能。
エラーがなければtrue、NGの場合はfalseを返却。
ajaxで更新するときの軽いチェックとかに。

素のJavaScriptの場合

if (!document.getElementById('form').checkValidity())
{
  alert('error!');
}

jQueryの場合

if (!$('#form').get(0).checkValidity())
{
  alert('error!');
}

HTMLSelectElement.checkValidity() - Web API インターフェイス | MDN