角度字符串和数字验证错误

时间:2017-12-18 10:32:26

标签: javascript angular

<mat-form-field>
    <input matInput placeholder="Protokol Detayı" type="text" required="true" name="detail" id="detail"
                                    #detail="ngModel" ngModel required>
</mat-form-field>
<mat-error *ngIf="detail.touched && detail.invalid">
    <div *ngIf="detail.errors.required">Bu alanı boş geçemezsiniz.</div>
</mat-error>

如果输入得到数字而不是字母,我想显示错误。但我无法做到这一点。我认为我正确地写了输入的类型。

1 个答案:

答案 0 :(得分:0)

有两种方法可以实现这一目标。 1]不允许在输入框中输入数字。显示没有错误 2]当输入的文本与输入不匹配时,在输入和显示错误时使用模式属性  例如,以下模式将只使用字母表,并在用户输入数字时给出错误。

<?= $form->field($model, 'customer_id')->dropDownList(
                                ArrayHelper::map(\app\models\Mcustomer::find()->all(), 'idCustomer', 'C_fnam'),
                                ['prompt'=>'Select...','class'=>'combobox form-control ','name'=>'cusid','onchange'=>'loadcustomerdata()']) ?>