根据某个字段的值限制输入的值的数量

Question

我有 3 字段，n，x和y。

n 将设置可在x和y字段中输入的最大值数。

我尝试在x和y字段中使用maxlength = {{n}}，它可以工作，但我想排除空格和特殊字符，并且在计算长度时只包含整数。

<label class="item item-input">
     <span class="input-label">
         <b><font color="red"><b>*</b></font>x :</b>
     </span>
     <input type="tel" name="n" inputmode="numeric" required=""></input>
</label>
<label class="item item-input">
     <span class="input-label">
         <b><font color="red"><b>*</b></font>x :</b>
     </span>
     <input type="tel" name="x" ng-model="x" inputmode="numeric" required=""></input>
</label>
<label class="item item-input">
     <span class="input-label">
         <b><font color="red"><b>*</b></font>x :</b>
     </span>
     <input type="tel" name="y" ng-model="y" inputmode="numeric" required=""></input>
</label>