jQuery tabs form validation is failing

mallikarjun dontamsetti

Ranch Hand

Posts: 246

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi i have a jsp which has many fields as required and we developed som script(maintenanceedit.js) for this like

we cll it in our jsp page onsubmit mehode
My jsp is

<head>
........
<script type="text/javascript" src="scriptfiles/jquery.min.js"></script>
<script type="text/javascript" src="scriptfiles/jquery.tools.min.js"></script>
<script type="text/javascript" src="scriptfiles/datepicker.js"></script>
<script type="text/javascript" src="scriptfiles/values.js" ></script>
<script type="text/javascript" src="scriptfiles/Statesdropdown.js" ></script>
<script type="text/javascript" src="scriptfiles/maintenanceedit.js"></script>
</head>
  <form action="maintenance" method="post" onsubmit="return validate();"  id="myForm">
   <table border="0" cellpadding="1" cellspacing="0" width="99%" align="left" >
                             <tr id="middlebg" >
                              <td colspan="2"> </td>
                              </tr>
                              <tr id="middlebg" >
                              <td width="80px"> 
                              </td>
                              <td >
                              <ul class="tabs">                                                      // for tab based program
                                <li><a href="#">General Information</a></li>
                                <li><a href="#">Contact Information</a></li>
                              
                              </ul>
                              <div class="panes">                                                   //tab page start
                               <div class="tab1">                                                   //tab1 page start
                              <table border="0" cellpadding="1" cellspacing="0" width="100%" align="center" >
                               
                              <tr >
                              <td height="20" colspan="2">
                              </td>
                              </tr>
                              <tr>
                              <td align="right" width="30%" ><span id="formlable"> <span>*</span>Company Name: </span>
                              </td>
                              <td >
                              <input type="text" name="txt_compName" id="txt_compName" value="<%=viewCOM.getCompanyName() %>" maxlength="20"  class="formfield required" />
                              <input type="hidden" name="Action" id="Action" value="Update"/>
                              <input type="hidden" name="compInfo_ID" id="compInfo_ID" value="<%=viewCOM.getCompanySn()%>"/>
                              <input type="hidden" name="compContact_ID" id="compContact_ID" value="<%=viewCOM.getCompContactInfos().iterator().next().getCompContactSn()%>"/>
                              <div id="txt_compName_error" class="error"></div>
                              </td>
                              </tr>
....
.....
  <form>

as the form goes long we decided to use tabs and added some line in jsp like mentioned above code now am getting a single form in two tabs but the validation is failing added code in script(in head part)

Why the validation getting failed

mallikarjun dontamsetti

Ranch Hand

Posts: 246

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

it is not actually code problem the code is validating correctly but the error message is not witting in to jsp page why
FYI: if i give alert box instead of this

it is working fine. why the message in innerHTML not working

Bear Bibeault

Sheriff