HTML5 обязательный атрибут, Javascript обязательный найден, но не введен?

Question

Справочная информация

Я пытаюсь обновить пользовательскую CMS для поддержки проверки HTML5, как требуется.Когда у меня есть несколько языков для одного и того же контента, форма помещается во вкладки, такие как (EN, ES, DE и т. Д.).Когда пользователь нажимает на каждую вкладку, он редактирует содержимое этого языка.(см. изображение)

Проблема

Когда обязательное поле в ES не заполнено и пользователь в настоящий момент выбрал EN, ничего не подсвечивается, так как ES в данный момент скрыт,Могу ли я поймать встроенную проверку html5 и использовать jquery для изменения вкладки, или мне нужно придерживаться полностью основанной на jquery проверки, которую я имел раньше (перебирая каждый ввод с помощью required и проверяя $ (this) .val (). Length)

Answer 1

Это единственное решение, которое я придумал: отображение всех языков.

$('#btn_submit').bind('click', function() {
    $('#content input:text[required]').parent('.lang_box').show();
});

Sample
http://jsfiddle.net/TkrVU/3/