0

В процессе создания сайта у меня появилась необходимость валидировать поле email на фронте т.е сделать что-то по типу emailvalidator, только чтоб выглядело это как regex т.е пользователь не мог ввести лишние символы в поле. Какие есть варианты осуществления этого? Вариант с созданием своего валидатора не пройдет только потому что если появится необходимость добавить новый символ в поле( не на всех страницах ) то будет дублирование.

3
  • Чем стандартный input type email не устроил?
    – Streletz
    8 янв 2019 в 8:07
  • @Streletz Тем что мне не нужно сообщение об ошибке под полем, мне нужно чтоб нельзя было вообще вводить символы не относящиеся к почте. 9 янв 2019 в 5:16
  • Ну повесьте на change обработчик через JS и там проверяйте, что вводите.
    – Streletz
    10 янв 2019 в 4:02

2 ответа 2

2

Если я правильно поняла, то попробуйте InputMask, это встроенный виджет, который как раз таки и позволяет вписывать только нужные символы для телефона или email.

use yii\widgets\ActiveForm;
use yii\widgets\MaskedInput;
?>

  <?php $form = ActiveForm::begin([
    'id' => 'create_application',
    'enableClientValidation' => true,
]); ?>
      <?= $form->field($model, 'phone')->widget(\yii\widgets\MaskedInput::className(), ['mask' => '+7(999)-999-99-99',])->textInput(['placeholder' => '+7(999)-999-99-99']); ?>


      <?= $form->field($model, 'email')->widget(\yii\widgets\MaskedInput::className(), ['name' => 'input-36','clientOptions' => ['alias' =>  'email'],]); ?>


    <div class="form-group">
        <?= Html::submitButton('Отправить', ['class' => 'button_form']) ?>
    </div>

  <?php ActiveForm::end(); ?>

</div>
1
  • К сожалению не могу пока что проверить сработает ли так как мне нужно, в ближ дни проверю и если всё нормально - укажу ответ верным. 13 янв 2019 в 15:01
0

Используйте валидатор match

P.S. Только все равно не понятно как у вас на одной странице могут быть разные разрешенные символы для email, если это всегда текст-цифры, точки, и символ @.

2
  • Я совершенно с вами согласен, но дело в том что это не для себя я делаю, мне сказали что нужно именно так. + match используется для валидации на backend стороне а меня интересует ( как я уже несколько раз описывал выше ) именно frontend т.е поле в ActiveForm. Но в любом случае - спасибо что уделили моему вопросу время. 10 янв 2019 в 10:56
  • match будет использоваться и на фронте если вы используете ActiveForm 10 янв 2019 в 11:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.