В bem-forms есть блок validation в котором уже реализована проверка email

this.elem() возвращает jquery объект, кстати

что за bem-forms? киньте ссылочку

https://github.com/bem-incubator/bem-forms

А можно чуть подробнее исходный вопрос? Потому что i-bem основывается на jQuery и, соответственно, подключается в любом случае автоматически.

Здравствуйте, @tadatuta Делаю так:

modules.define('registration', ['i-bem__dom', 'jquery'], function (provide, BEMDOM, $) {
provide(BEMDOM.decl(this.name, {
    onSetMod: {
        js: {
            inited: function () {
                    this.bindTo('submit', function(e) {          
                    e.preventDefault(); 
                    $('.registration__error', this)[ 
                    !/\S+@\S+\.\S+/.test($('.registration__email', this).val()) ? 
                    'addClass' : 'removeClass']('registration__error_visible');

                         });

        }
             }
         }
     }));
 });

, не работает.

Делаю так:

modules.define('registration', ['i-bem__dom', 'jquery'], function (provide, BEMDOM, $) {
provide(BEMDOM.decl(this.name, {
    onSetMod: {
        js: {
            inited: function () {

            this.bindTo('submit', this._onSubmit);

                    _onSubmit: function(e) {

                    if (/\S+@\S+\.\S+/.test(this.elem('email').val())) return true;
                    e.preventDefault();
                    this.elem('error').setMod('visible', true);
                    }

        }
            }
        }
    }));
  });

тоже не работает.

Исправил несколько моментов, так определенно работает:

modules.define('registration', ['i-bem__dom', 'jquery'], function (provide, BEMDOM, $) {

provide(BEMDOM.decl(this.name, {
    onSetMod: {
        js: {
            inited: function () {
                this.bindTo('submit', this._onSubmit);
            }
        }
    },
    _onSubmit: function(e) {
        if (/\S+@\S+\.\S+/.test(this.elem('email').val())) return true;

        e.preventDefault();
        this.setMod(this.elem('error'), 'visible', true);
    }
}));

});

Проверил, все верно модификатор стал устанавливаться, а вот этот код:

 if (/\S+@\S+\.\S+/.test(this.elem('email').val())) return true;

что есть, что нет его, толку никакого (проверки e-mail не происходит). Ошибка отображается всегда, даже если ввожу правильный email.

мм, а у .registration__error в CSS написано, что он display: none? и если да, то этот файл попал в сборку?

Да в css все прописано. Ошибка она скрыта. Не вводя email нажимаю отправить, ошибка появляется. Все как и должно быть. Теперь ввожу верный email, вроде ошибка не должна появиться, а она появляется.

Для вот такого BEMJSON:

{
    block: 'registration',
    tag: 'form',
    js: true,
    content: [
        {
            elem: 'email',
            tag: 'input'
        },
        {
            elem: 'error',
            content: 'ошибка'
        },
        {
            tag: 'button',
            attrs: { type: 'submit' },
            content: 'submit'
        }
    ]
}

и вот такого CSS:

.registration__error {
    display: none;
}

.registration__error_visible {
    display: block;
}

у меня приведенный выше JS отрабатывает как нужно: при правильно введенном адресе форма сабмитится, а при неправильном отображается ошибка.

Может где-то в JS есть опечатки? В консоли браузера никаких сообщений нет?

Да все вроде также как у Вас, но не работает. Вот ссылочка /desktop.bundles/registration/registration.ru.html

В данном случае отличие в том, что элемент registration__email примиксован к блоку input, который является <span>-ом и содержит <input> внутри себя (value у span нет). Поэтому правильный вариант получения значения здесь такой: if (/\S+@\S+\.\S+/.test(this.findBlockInside(this.elem('email'), 'input').getVal())) return true; — найти блок input на своем элементе email и вызвать API блока input для получения его значения.

аааа. вот оно в чем дело. Спасибо!