相关疑难解决方法(0)

带模式的HTML5电话号码验证

我正在使用HTML5表单验证来验证来自印度的电话号码.

来自印度的电话号码长10位,以7,8或9开头.

例如:

  1. 7878787878
  2. 9898989898
  3. 8678678878

这些电话号码有效,但是

  1. 1212121212
  2. 3434545464
  3. 6545432322

无效.

建议一种可以检测有效印度电话号码的模式.

到目前为止,我的模式是[0-9]{10},但它不检查第一个数字是7,8或9.

validation html5

46
推荐指数
6
解决办法
29万
查看次数

角度材料mat-error无法显示消息

我有2个日期时间选择器,endDate不能小于startDate

endDateAfterOrEqualValidator(formGroup): any {
    var startDateTimestamp: number;
    var endDateTimestamp: number;
    startDateTimestamp = Date.parse(formGroup.controls['startDateForm'].value);
    endDateTimestamp = Date.parse(formGroup.controls['endDateForm'].value);
    return (endDateTimestamp < startDateTimestamp) ? { endDateLessThanStartDate: true } : null;
  }
Run Code Online (Sandbox Code Playgroud)

在HTML中:

<mat-form-field>
    <input matInput  name="endDate" id="endDate" formControlName="endDateForm" [(ngModel)]="endDate" [matDatepicker]="toDatePicker"
    placeholder="To Date">
    <mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
    <mat-datepicker disabled="false" #toDatePicker></mat-datepicker>
    <mat-error *ngIf="trainingDetail.hasError('endDateLessThanStartDate')">Not valid<mat-error>
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)

如果出现"mat-error",则不显示该消息.我尝试改变"小"

<small *ngIf="trainingDetail.hasError('endDateLessThanStartDate')">Not valid</small>
Run Code Online (Sandbox Code Playgroud)

信息很好.请告诉我如何使用mat-error

javascript typescript angular-material angular

8
推荐指数
1
解决办法
1万
查看次数