Question

<div class="col-md-3">
    <div class="md-form selecticon form-group rupee-icon" [ngClass]="{'has-error':!loanApplyForm.controls['propval'].valid &&loanApplyForm.controls['propval'].touched}">
        <label class="lf-loan-input-label" for="propval">Property Value * </label>
        <input #iw_propval (focus)="iw_propval.value = ''" class="form-control emi-input" id="propval" [formControl]="loanApplyForm.controls['propval']"
            type="number">
        <div *ngIf="!loanApplyForm.controls['propval'].valid&& loanApplyForm.controls['propval'].touched" class="alert-change">*Please enter the property value.</div>

    </div>
</div>

这是我的.html文件。我使用focus（）方法在click上清空字段。但是当我聚焦字段时，字段显示仍然是ng-valid而不显示错误message.my .ts文件是所有correct.problem与焦点方法。如果我从输入标签中删除焦点方法它工作正常。问题是我在错误信息中给出的条件。所以我想给出什么条件验证这个焦点方法。请帮助我。提前谢谢。

Answer 1

尝试将值设置为null而不是空字符串

（sry for short post，但是SO赢了还没让我发表评论:(）

Answer 2

重置formcontrol值应该有效：

.....(focus)="loanApplyForm.controls['propval'].reset()"

焦点（）的Angular2表单验证

2 个答案: