Apex LWC lightning-inputのカスタムValidation検証サンプル
環境
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(); }