2016-11-24 2 views
0

Я использую Angular 2, и я хочу сделать валидацию формы. Here's мой вход:Угловой шаблон проверки формы 2 Требуемый шаблон

<td><input type="number" class="form-control" min="0" max="100" step="1" pattern="^([0-9]|[1-9][0-9]|[1][0][0])?" name="postEpg" [(ngModel)]="selectedTimer.PostEPG"></td> 

Моя проблема теперь в том, что проверка говорит, что это неправильно, когда Я не заполнять поле ... Но поле не правда требуется, так это должно быть в порядке, если нет ничего ... Но если что-то есть, оно должно соответствовать рисунку ...

У кого-нибудь есть идея, как достичь этого?

Спасибо!

ответ

0

Как насчет просто модификации рисунка: pattern="^$|^([0-9]|[1-9][0-9]|[1][0][0])?" Это должно позволить пустую строку или шаблон.

+0

ок, я не знаю, почему, но с этим решением, форма всегда непросроченная ... может быть it'sa проблема, что переменная «ngModel» не может существовать на selctedTimer ... – Junias

+0

Эй, там была ошибкой в ​​регулярном выражении, я использовал '?' вместо '$' (утверждает позицию в конце строки), я исправил ее сейчас. –

Смежные вопросы