Commit d246eaa1 authored by Chen Jiping's avatar Chen Jiping

修改校验

parent a08e95be
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
<nz-form-item> <nz-form-item>
<nz-form-label [nzSpan]="6" nzNoColon=true>标题</nz-form-label> <nz-form-label [nzSpan]="6" nzNoColon=true>标题</nz-form-label>
<nz-form-control [nzSpan]="8"> <nz-form-control [nzSpan]="8">
<textarea rows="4" nz-input [(ngModel)]="data.title" (blur)="saveContent(data.title)"></textarea> <textarea rows="4" nz-input [(ngModel)]="data.title" (ngModelChange)="check(data.title, 10)" (blur)="saveContent(data.title)"></textarea>
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
......
import { Component, EventEmitter, Input, OnDestroy, OnChanges, OnInit, Output, ApplicationRef, ChangeDetectorRef } from '@angular/core'; import { Component, EventEmitter, Input, OnDestroy, OnChanges, OnInit, Output, ApplicationRef, ChangeDetectorRef } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd/message'; import { NzMessageService } from 'ng-zorro-antd/message';
import { max } from 'rxjs/operators';
@Component({ @Component({
selector: 'app-form', selector: 'app-form',
...@@ -121,9 +122,9 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy { ...@@ -121,9 +122,9 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy {
this.save(); this.save();
} }
saveContent(value) { check(value, maxLength: number) {
if (!value) { if (!value) {
return; return true;
} }
const chr = value.split(/\s+|\?|\.|\,|\!/); const chr = value.split(/\s+|\?|\.|\,|\!/);
...@@ -136,14 +137,23 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy { ...@@ -136,14 +137,23 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy {
} }
} }
if (count <= 10) { if (count <= maxLength) {
this.save(); return true;
} }
else { else {
let id = this.message.error('超过10个单词量', { nzDuration: 0 }).messageId; let id = this.message.error('超过' + maxLength + '个单词量', { nzDuration: 0 }).messageId;
setTimeout(() => { setTimeout(() => {
this.message.remove(id); this.message.remove(id);
}, 3000); }, 2000);
return false;
}
}
saveContent(value) {
let result = this.check(value, 10);
if (result) {
this.save();
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment