Apex LWC lightning-inputのカスタムValidation検証サンプル

2023年8月8日

環境
Salesforce

操作例
onblurイベントで「product」と入力されたらエラーが表示されます。
htmlコード

<lightning-input name="email" class="customInput" type="text" label="ユーザー名" onblur={register}></lightning-input>

javaScriptコード

register(event) {
    let input = event.target;
    let value = input.value;
    if(value === 'product') {
      input.setCustomValidity('productとは入力できません。')
    } else {
      input.setCustomValidity('');
    }
    input.reportValidity();
}