Есть хорошие примеры использования data-*?
Удобнее всего работать с ними через jquery data - это решит проблему совместимости со всеми браузерами. 
https://api.jquery.com/data/ 
Например у нас есть кнопки по клику на которые у нас должны открываться попапы:<button type="button" data-open-dialog="#bs-example-1-dialog">Окно 1</button>
<button type="button" data-open-dialog="#bs-example-1-dialog">Окно 1</button>
<button type="button" data-open-dialog="#bs-example-1-dialog">Окно 1</button>
Далее, мы можем в js описать только один обработчик:$(document).on('click', '[data-open-dialog]', function(){
   showPopupById($(this).data('openDialog'));
});
Кроме того, ты можешь хранить в data любой json, приводя пример с тем же попапом, можно хранить данные об объекте и строить из них попап после клика на кнопку.  
Еще пример jquery плагины часто ставят флаг о том, что они уже установлены на элементе, чтобы избежать повторной инициализации. Скажем $('#search-input').autocomplete() при первой инициализации запишет элементу $('#search-input').data('isAutocompleteInstall', true) и инициализирует элемент, а при втором вызове уже не будет инициализироваться по новой. Как-то так, если я верно понял твой вопрос.
Петр в чем приемущество от использования вашего примера от этого например?<input name='name' title='Необходимо задать имя обьекта' required />
при чем data-required пропустит дальше, а required нет.