Пользовательская функция проверки формы для элемента с HTML 5

Для пользовательского инструмента выбора изображения я хотел бы создать проверку формы на основе проверки формы html 5.

Например, моя форма состоит из следующих элементов:

    

        

            
Name:
            

        
        

            
Image:
            
/location-to-image.png
        
        

            

            

        
    

У меня есть javascript, который изменяет текстовое поле (.cms -input -файл )в некоторый html для добавления изображений и скрывает исходное текстовое поле. Это выглядит примерно так:

/location-to-image.png

    

        
        location to image
    
    
Add

Поскольку у меня есть много существующих форм, использующих проверку формы html5, я хотел бы проверить этот элемент, используя проверку формы по умолчанию в браузерах, поддерживаемых html5, но, надеюсь, используя существующее событие.

Я ищу что-то подобное:

$('.cms-input-file').on('customValidateFunction', function () {
    var options = $(this).data('options');

    if($(this).find('> li.cms-input-file-item').length < options.min)
    {
        return [false, 'Add more images.'];
    }

    if($(this).find('> li.cms-input-file-item').length > options.max)
    {
        return [false, 'Remove some images.'];
    }

    return true;
});

Кто-нибудь знает, возможно ли что-то подобное с использованием событий html 5 по умолчанию или как мне добавить это событие в событие отправки? Чтобы фактически вызвать внешний вид проверки браузера по умолчанию.

--редактировать--

До сих пор я пытался получить этот результат, используя элемент div, который скрывает исходный элемент. Но теперь мне нужно добавить шаблон к элементу, чтобы он соответствовал моим параметрам. Это возможно?

Текущий прогресс:http://jsfiddle.net/jeffreydev/YyEVu/