<form name="frmAdd" method="post" action="<%=basePath%>adduser.do">
        <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" class="border1">
          <tr> 
            <td width="31%" class="txt"><strong>User Type</strong>&nbsp;&nbsp;&nbsp;&nbsp; 
            </td>
            <td width="69%">
                <input type="hidden" name="id">
                <input type="hidden" name="flag" value="add">
                <input id="iptUser" name="usertype" type="text" class="input" id="user2" size="30">
            </td>
          </tr>
          <tr>                             
            <td valign="middle" colspan="2" align="center"> 
              <input name="btnAdd" type="button" class="button" value="&nbsp;&nbsp;&nbsp;Add&nbsp;&nbsp;&nbsp;" width="50" onclick="addUser();"> &nbsp;&nbsp; 
              <input name="btnSave" type="button" class="button" value="&nbsp;&nbsp;Save&nbsp;&nbsp;" disabled="disabled" width="50" onclick="addUser();"> 
              &nbsp;&nbsp; 
              <input name="btnClear" type="button" class="button" value="Cancel" width="70" onclick="clear();">  &nbsp; 
            </td>              
          </tr>      
        </table></form>

function addUser(){ 
            var user =    document.forms.frmAdd.usertype.value;
            if(user == ""){
                alert("Please Enter a User Type First");    
            }else{                
                document.frmAdd.submit();
            }            
        }
        
        function clear(){
           alert("inside reset");           
        }