|
|
|
@ -8,19 +8,21 @@
|
|
|
|
|
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
|
|
|
|
|
|
|
|
|
<div class="input"> |
|
|
|
|
<label class="position"><mat-icon>group</mat-icon></label> |
|
|
|
|
<label class="position"> |
|
|
|
|
<mat-icon>group</mat-icon> |
|
|
|
|
</label> |
|
|
|
|
<mat-form-field> |
|
|
|
|
<input matInput id="companyName" name="companyName" |
|
|
|
|
required ngModel placeholder="请输入单位名称"> |
|
|
|
|
<input matInput id="companyName" name="companyName" required ngModel placeholder="请输入单位名称"> |
|
|
|
|
</mat-form-field> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="input"> |
|
|
|
|
<label class="position"><mat-icon>dns</mat-icon></label> |
|
|
|
|
<label class="position"> |
|
|
|
|
<mat-icon>dns</mat-icon> |
|
|
|
|
</label> |
|
|
|
|
<mat-form-field> |
|
|
|
|
<input matInput id="usci" name="usci" #usci="ngModel" |
|
|
|
|
pattern="^[0-9A-HJ-NP-RTUW-Y]{2}\d{6}[0-9A-HJ-NP-RTUW-Y]{10}$" |
|
|
|
|
ngModel placeholder="请输入统一社会信用代码"> |
|
|
|
|
pattern="^[0-9A-HJ-NP-RTUW-Y]{2}\d{6}[0-9A-HJ-NP-RTUW-Y]{10}$" ngModel placeholder="请输入统一社会信用代码"> |
|
|
|
|
</mat-form-field> |
|
|
|
|
</div> |
|
|
|
|
<div *ngIf="usci.invalid && (usci.dirty || usci.touched)" class="alert-danger"> |
|
|
|
@ -30,24 +32,27 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="input"> |
|
|
|
|
<label class="position"><mat-icon>phone</mat-icon></label> |
|
|
|
|
<label class="position"> |
|
|
|
|
<mat-icon>phone</mat-icon> |
|
|
|
|
</label> |
|
|
|
|
<mat-form-field> |
|
|
|
|
<input matInput id="phone" name="phone" #tel="ngModel" |
|
|
|
|
required pattern="^^(?:\+?86)?1(?:3\d{3}|5[^4\D]\d{2}|8\d{3}|7(?:[35-8]\d{2}|4(?:0\d|1[0-2]|9\d))|9[0135-9]\d{2}|66\d{2})\d{6}$" |
|
|
|
|
ngModel placeholder="请输入联系电话"> |
|
|
|
|
<input matInput type="number" id="phone" name="phone" #tel="ngModel" required ngModel |
|
|
|
|
placeholder="请输入联系电话"> |
|
|
|
|
</mat-form-field> |
|
|
|
|
</div> |
|
|
|
|
<div *ngIf="tel.invalid && (tel.dirty || tel.touched)" class="alert-danger"> |
|
|
|
|
<!-- <div *ngIf="tel.invalid && (tel.dirty || tel.touched)" class="alert-danger"> |
|
|
|
|
<div *ngIf="tel.errors.pattern"> |
|
|
|
|
电话号码格式为11位数字 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
|
|
|
|
|
<div class="input"> |
|
|
|
|
<label class="position"><mat-icon>account_box</mat-icon></label> |
|
|
|
|
<label class="position"> |
|
|
|
|
<mat-icon>account_box</mat-icon> |
|
|
|
|
</label> |
|
|
|
|
<mat-form-field> |
|
|
|
|
<input matInput id="name" name="name" #name="ngModel" pattern="^[a-zA-Z][a-zA-Z0-9_]{4,19}$" |
|
|
|
|
required ngModel placeholder="请输入账号"> |
|
|
|
|
<input matInput id="name" name="name" #name="ngModel" pattern="^[a-zA-Z][a-zA-Z0-9_]{4,19}$" required |
|
|
|
|
ngModel placeholder="请输入账号"> |
|
|
|
|
</mat-form-field> |
|
|
|
|
</div> |
|
|
|
|
<div *ngIf="name.invalid && (name.dirty || name.touched)" class="alert-danger"> |
|
|
|
@ -57,11 +62,13 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="input"> |
|
|
|
|
<label class="position"><mat-icon>lock</mat-icon></label> |
|
|
|
|
<label class="position"> |
|
|
|
|
<mat-icon>lock</mat-icon> |
|
|
|
|
</label> |
|
|
|
|
<mat-form-field> |
|
|
|
|
<input matInput id="password" name="password" type='password' #password="ngModel" |
|
|
|
|
required pattern="^(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.+[\!\@\#\$\%\^\&\*\(\)\-\=\\\`\_\+\|\~\[\]\{\}\;\'\:\,\.\/\<\>\?])[A-Za-z0-9\!\@\#\$\%\^\&\*\(\)\-\=\\\`\_\+\|\~\[\]\{\}\;\'\:\,\.\/\<\>\?]{8,32}$" |
|
|
|
|
ngModel placeholder="请输入密码"> |
|
|
|
|
<input matInput id="password" name="password" type='password' #password="ngModel" required |
|
|
|
|
pattern="^(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.+[\!\@\#\$\%\^\&\*\(\)\-\=\\\`\_\+\|\~\[\]\{\}\;\'\:\,\.\/\<\>\?])[A-Za-z0-9\!\@\#\$\%\^\&\*\(\)\-\=\\\`\_\+\|\~\[\]\{\}\;\'\:\,\.\/\<\>\?]{8,32}$" |
|
|
|
|
ngModel placeholder="请输入密码"> |
|
|
|
|
</mat-form-field> |
|
|
|
|
</div> |
|
|
|
|
<div *ngIf="password.invalid && (password.dirty || password.touched)" class="alert-danger"> |
|
|
|
@ -78,7 +85,8 @@
|
|
|
|
|
<a href="javascript:void(0);" style="margin-left: 135px;" class="forget"> |
|
|
|
|
注册失败? |
|
|
|
|
<div class="contactUs"> |
|
|
|
|
<label style="font-size: 14px; text-align: center; width: 100%; display: block; color: #fff;">安信科创QQ号</label> |
|
|
|
|
<label |
|
|
|
|
style="font-size: 14px; text-align: center; width: 100%; display: block; color: #fff;">安信科创QQ号</label> |
|
|
|
|
<img src="../../../assets/images/AnXinQQ.jpg"> |
|
|
|
|
</div> |
|
|
|
|
</a> |
|
|
|
@ -89,6 +97,6 @@
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |