public class InputfileExample {
 public blob uploadedfile{get;set;}
 public string filename{get;set;}
 public string name{get;set;}
 public string branch{get;set;}
  
   public void submit(){
    system.debug(name);
    system.debug(branch);
    system.debug(uploadedfile);
    system.debug(filename);
  }
}

<apex:page controller="InputfileExample">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<apex:form id="one" >
    Entername:<apex:inputText value="{!name}" id="name"/> <br/><br/>
    EnterBranch:<apex:inputText value="{!branch}" id="branch"/><br/><br/>
    ChooseFile:
   <apex:inputFile id="fileUplaod" value="{!uploadedfile}"  filename="{!filename}"  accept=".jpeg,.png,.jpg"> </apex:inputFile><br/><br/>
  
    <script>
      function callme(){
        var addname =$('[id$=name]').val(); 
        var branch =$('[id$=branch]').val();
         if(addname ==''){
            alert('name is required');
          }else if(branch ==''){
            alert('branch is required');
           }else{
              submitcall();
            }
       }
     </script>
  <apex:actionFunction name="submitcall" action="{!submit}"  reRender="one"/>
  <apex:commandButton value="Submit" onclick="callme();" RERender="T" />
  </apex:form>
</apex:page>