需要将特定形式的平假名和汉字字母转换为片假名形式

Question

我必须用日语制作注册表，当用户输入平假名或日文汉字字符时，必须将名称字段转换为片假名字母。此字段专门用于在片假名中键入其姓名，当他们键入其他名称时应返回错误除了片假名或只能键入片假名之外的字母。我需要在Java脚本中对此进行很好的解决。在此附加我的html字段。非常感谢。

<div class="form-group row">
<label class="pi-fn-title col-md-6 col-form-label" for="pi-fn-val">Name in KATAKANA - 氏名カナ</label>
<div class="col-md-6">
<input type="text" id="pi-fn-val" class="pi-fn-val form-control" name="name"<a onMouseover="fixedtooltip('Please enter your Name in KATAKANA.', this, event, '300px')" onMouseout="delayhidetip()">
</div></div>