输入必须为 15 个字符长答案

【问题标题】：Input must be 15 characters long输入必须为 15 个字符长
【发布时间】：2018-03-12 15:49:43
【问题描述】：

如果用户未能将正确数量的字符添加到 id 为 addchipnumber 的输入字段，我想显示一条消息。最小长度为 15，最大长度为 15。我还没有让这个工作......我似乎不应该那么难做。

<div class="modal-header">
    <h3 class="modal-title">Lägg till/ändra ID-nummer</h3>
</div>
<div class="modal-body">
    <div class="form-group">
        <label for="addchipnumber">Chipnummer</label>
        <input type="text" id="addchipnumber" class="form-control" ng-model="data.idNumber" mask="999999999999999" restrict="reject" required >
        <p><small>Chipnummer består av 15 siffror.</small></p>
    </div>
    <div class="form-group">
        <label for="addtattoonumber">Tatueringsnummer</label>
        <input type="text" id="addtattoonumber" class="form-control" ng-model="data.tattooNumber">
        <p><small>Tatueringsnummer består av maximalt 6 tecken</small></p>
    </div>
</div>

<div class="modal-footer" style="text-align: center">
    <button class="btn btn-back text-center" type="button" ng-click="cancel()"><i class="fa fa-times" aria-hidden="true"></i> Avbryt</button>
    <button class="btn btn-green text-center" type="button" ng-click="ok()"><i class="fa fa-check"></i> SPARA </button>
</div>

【问题讨论】：

能发下你的js吗？

标签： javascript angularjs validation

【解决方案1】：

您要搜索的是带有表单验证的ngMessages。

<form name="myForm">
    <label>
        <input type="text" name="textEntry" ng-model="Chipnummer" ng-minlength="15" ng-maxlength="15" required/>
    </label>

    <div ng-messages="myForm.textEntry.$error" style="color:red">
        <div ng-message="required">You did not enter a field</div>
        <div ng-message="minlength">Input length must be 15 chars</div>
        <div ng-message="maxlength">Input length must be 15 chars</div>
    </div>
</form>

Demo

在这种情况下，ng-message "minlength" 如果输入长度小于ngMinlength 值 (15)，则会出现。 “最大长度”也是如此。

必填项是必填字段。

【讨论】：