Validate custom editor input field

Hi

I have a simple custom editor control which contains an input control and I want to validate it. I’m using Umbraco 13 and added the editor to the app-plugins folder.

This way when I click save and publish it makes sure there is data in the input before it’s saved.

Here is my simple form that does everything except validate.

<div ng-form="myForm" ng-controller="myController as vm">
    <input name="inpName" id="inpName" type="text" ng-model="vm.Name" required>
    <span ng-show="myForm.inpName.required" val-msg-for="inpName" val-toggle-msg="required">
        Is Required.
    </span>
</div>

Even I click save and publish it didn’t show the required message.

Did I miss anything?

Thanks