CONTACT

お問い合わせ

団体・企業名
ご担当者名
メールアドレス
電話番号
ご住所
お問い合わせ内容
個⼈情報の取り扱いについて

個⼈情報の取り扱いについてはこちらをご覧ください
QCQ Planning

03-6825-3949
〒101-0051東京都千代田区神田神保町3丁目23番2号神保町錦明ビル1F

const form = document.getElementById('form'); const inputElms = form.querySelectorAll('input'); form.addEventListener( 'submit', (e) => { e.preventDefault(); inputElms.forEach((input) => { const label = input.closest('label'); label.classList.remove('is-error'); const errorMessage = label.nextElementSibling; errorMessage.textContent = ''; }); const result = form.checkValidity(); if (result) { alert('submit!'); } }, { passive: false } ); inputElms.forEach((input) => { input.addEventListener('invalid', (e) => { const currentTarget = e.currentTarget; const label = currentTarget.closest('label'); label.classList.add('is-error'); const errorMessage = label.nextElementSibling; if (currentTarget.validity.patternMismatch) { currentTarget.setCustomValidity(currentTarget.title); } errorMessage.textContent = currentTarget.validationMessage; currentTarget.setCustomValidity(''); }); });