Mutlifile загрузки клиентской проверки в JSF с помощью JavaScript

Question

Я хочу использовать функцию мультизагрузки в приложении ADF(на основе JSF). Я хочу сделать проверку на стороне клиента для размера и расширения. Может ли кто-нибудь помочь мне сделать это. Как я могу это сделать.

<af:resource type="javascript" source="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"/>
      <af:resource type="javascript">
  $(function(){
    $('form').submit(function(){
        var isOk = true;
        $('input[type=file][max-size]').each(function(){
            if(typeof this.files[0] !== 'undefined'){
                var maxSize = parseInt($(this).attr('max-size'),10),
                size = this.files[0].fileSize;
                isOk = maxSize > size;
                return isOk;
            }
        });
        return isOk;
    });
});

    </af:resource>
      <af:form id="f1" usesUpload="true" styleClass="formclass">
        <af:panelGroupLayout id="pgl2">
          <af:panelGroupLayout id="pgl1" layout="vertical"
                               styleClass="AFStrechWidth">
            <af:commandButton text="commandButton 1" id="cb1"/>
            <af:inputFile label="Label 1" id="if1" 
                          maximumFiles="4" uploadType="manualIfMultiple">

            </af:inputFile>
          </af:panelGroupLayout>
        </af:panelGroupLayout>
      </af:form>
    </af:document>
  </f:view>
</jsp:root>