Как проверить текст в пользовательских шаблонах проверки с помощью angular

Я хочу проверить текст только с помощью этого шаблона ~*\|:"<>?/. Ниже мое текстовое поле

<input type="text" [(ngModel)] ="newReferenceValue"  #referencevar="ngModel" name="referencevar" (keyup.enter)="save()" pattern='^[^`~!@#$%\^&*()_+={}|[\]\\:"]*$' style="margin: 8px;width: 60%;">

 <div *ngIf="referencevar.errors?.pattern">
         not valid not partens  
  </div>

вы пробовали формы?

bhaumik shah 26.10.2018 08:06

нет, я пробую только двустороннюю привязку. отображается сообщение об ошибке, но я не могу проверить только это ~ * \ |: "<>? / text

Kasunjith Bimal 26.10.2018 08:08

Я хочу создать правильный шаблон регулярного выражения = '^ [^ `~! @ # $% \ ^ & * () _ + = {} | [] \\:"] * $'

Kasunjith Bimal 26.10.2018 08:08

Попробуйте угловые формы или ngforms, чтобы они могли выполнять проверку html.

bhaumik shah 26.10.2018 08:09
0
4
50
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Вы используете этот способ

html

<input type="text" [(ngModel)] ="newReferenceValue"  #referencevar="ngModel" name="referencevar" (keyup.enter)="save()" [pattern]="pattern" style="margin: 8px;width: 60%;">

 <div *ngIf="referencevar.errors?.pattern">
         not valid not partens  
  </div>

ts

pattern = '^[^`~!@#$%\^&*()_+={}|[\]\\:"]*$';

Однако лучший способ использования шаблонов - использовать реактивные формы, вы можете обратиться к этому ссылка для большего понимания.

я хочу только проверить это ~ * \ |: "<>? /. как проверить только это?

Kasunjith Bimal 26.10.2018 08:10

вы можете использовать это регулярное выражение '^[~*\|:"<>?/]*$'

Abhishek Ekaanth 26.10.2018 08:12

какую ошибку вы получаете? не работает значит?

Abhishek Ekaanth 26.10.2018 09:05

Вот пример, который вам поможет, и если у вас есть какие-либо вопросы, спрашивайте меня в комментариях.

    <form role="form" name="form" (ngSubmit)="f.form.valid" #f="ngForm" novalidate>

    <input type="text" id="newReferenceValue" name="newReferenceValue" [(ngModel)] ="newReferenceValue"  #referencevar="ngModel" pattern="^[^`~!@#$%\^&*()_+={}|[\]\\:"]*$" (keyup.enter)="save()" [ngClass]="{ 'is-invalid': f.submitted && referencevar.invalid }" style="margin: 8px;width: 60%;">

<div *ngIf="f.submitted && referencevar.invalid" class="invalid-feedback">

 <div *ngIf="referencevar.errors.pattern" class="error"> not valid not partens</div>
                                                                     </div>

    </form>

Я не имею обыкновения проверять весь шаблон = "^ [^` ~! @ # $% \ ^ & * () _ + = {} | [] \\: "] * $" Я хочу проверять только ~ * \ |: "<>? /

Kasunjith Bimal 26.10.2018 08:33

можешь привести мне один пример?

bhaumik shah 26.10.2018 08:38
Ответ принят как подходящий

Я использую этот шаблон Regex ^[^~*\\|>:"?</"]*$, отлично работает

<input type="text" [(ngModel)] ="newReferenceValue"  #referencevar="ngModel" name="referencevar"  maxlength="{{textLengthValue}}" (keyup.enter)="save()" pattern='^[^~*\\|>:"?</"]*$' style="margin: 8px;width: 60%;">
 <div *ngIf="referencevar.errors?.pattern">
 Using ~*\|:"<>?/ reference value not applicabale  
 </div> 

Другие вопросы по теме