小编Iry*_*nko的帖子

Angular 2,数据验证和输入掩码的困难

我已经按照https://auth0.com/blog/angular-2-series-part-5-forms-and-custom-validation/实现了表单验证

 <input class="form-control"
               type="text"
               name="phone"
               autocomplete="off"
               placeholder="(XXX)-XXX-XXXX"
               mask=""
               [disabled]="disabled"
               [(ngModel)]="candidate.phone"
               ngControl="phone"/>
Run Code Online (Sandbox Code Playgroud)

...

...

static phone(control: Control): ValidationResult {

    let URL_REGEXP = /^\(\d{3}\)-\d{3}-\d{4}$/i;

    if (control.value && (control.value.length <= 5 || !URL_REGEXP.test(control.value))) {

        return {"phone": true};
    }

    return null;
}
Run Code Online (Sandbox Code Playgroud)

加上这个元素我已经实现了输入掩码目录:http://pastebin.com/wRzHSsVy

出现以下问题:输入电话号码时,验证首先执行,然后输入掩码目录.因此验证器检查的数据和输入掩码目录格式化的数据不同.例如,验证器上的电话号码是(888)-888-88882,掩码将数字转换为以下格式(888)-888-8888,但验证器已经工作并在掩码激活之前指出了错误.

validation directive angular

6
推荐指数
1
解决办法
1936
查看次数

标签 统计

angular ×1

directive ×1

validation ×1