Javascript function to make a field mandatory and nonmandatory acording to different

Gaurav Jhamb

I have 2-3 forms.On my first form when i serach to put any word it sends results and after that i click on new button in my search i got different organisation names. on the secong form i passed the organisation name and on this form i want to make email field mandatory and non mandatory according to different organisation names can someone provide me javascript function to solve this problem.

Thanx in Advance
Gaurav

gits

what have you done so far? let me give you the general idea:

onsubmit of you form2 you have to call a javascript function that checks for the value of the organisation-field and when you need the mail field too then simply check it too.

please post the code you already have ... even the relevant code for this form.

kind regards

Gaurav Jhamb

This is my first form AdminOrgOffsearch.jsp

Expand|Select|Wrap|Line Numbers

 <%@ page contentType="text/html; charset=iso-8859-1" %>

<%@ taglib uri="TagLibGeneric.tld" prefix="generic" %>

<%@ taglib uri="TagLibAdminOrgOfficer.tld" prefix="cares" %>

<html>

<head>

<%

    response.setHeader("Cache-Control", "no-cache");

    response.setHeader("Pragma", "no-cache");

%>

<title>EPA - Complaints and Reports of Environmental Significance (CARES)</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<!--include the global styles-->

<%@ include file="/global/GlobalStyles.jsp" %>

<SCRIPT LANGUAGE = "JavaScript">

//include the side bar events

<%@ include file="/global/SideBarEvents.jsp" %>

</SCRIPT>
 
<link rel="stylesheet" href="../stylesheets/epa-cares-style1.css">
 
</head>

<!-- DATA OBJECT -->

<generic:Data objectName="<%=request.getServletPath()%>" searchPage="true" remoteUser="<%=request.getRemoteUser()%>">

<body bgcolor="#FFFFFF" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" text="#333333" link="#FF9933" vlink="#339966" alink="#339966">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <%@ include file="/global/TopBarLinks.jsp" %>

  <tr>

    <td bgcolor="#000099" valign="top"><a href="../main/main_menu.jsp"><img src="../images/interface/epa_logo_pt2.gif" width="150" height="38" alt="Back to Main Menu" border="0"></a></td>

    <td rowspan="2" valign="top">

      <table width="100%" border="0" cellspacing="0" cellpadding="0">

        <tr>

          <td width="5%">&nbsp;</td>

          <td width="95%">&nbsp;</td>

        </tr>

        <tr>

          <td width="5%"><img src="../images/interface/spacer.gif" width="15" height="15"></td>

          <td width="95%" valign="top">

            <p class="main-header">Administration - Organisation Officers</p>

            <form name="form1" method="post" action="AdminOrgOffSearch.jsp">

              <!--populate the row selector-->

              <cares:OrgOfficer rowSelector="true" />

              <cares:OrgOfficer actionFlag="true" />

              <input type="hidden" <cares:OrgOfficer controlName="REDIRECT" />>

              <input type="hidden" name="OFF_ORG_ID" value="<%=request.getParameter("OFF_ORG_ID")%>" >

              <input type="hidden" name="ORG_NAME" value="<%=request.getParameter("ORG_NAME")%>" >

              <table width="90%" border="0" cellspacing="2" cellpadding="3">

                <tr bgcolor="#E7E3E7">

                  <td width="40%" bgcolor="#E7E3E7">

                    <p align="right">Organisation name: &nbsp;</p>

                  </td>

                  <td width="60%">

                    <p class="blue-highlite"><%=request.getParameter("ORG_NAME")%></p>

                  </td>

                </tr>

                <tr bgcolor="#E7E3E7">

                  <td>

                    <p align="right">Officer Surname: &nbsp;</p>

                  </td>

                  <td width="1%">

                    <p>

                      <input type="text" size="35" <cares:OrgOfficer controlName="OFF_SURNAME" />>

                    </p>

                  </td>

                </tr>

                <tr bgcolor="#E7E3E7">

                  <td>

                    <p align="right">Officer First Name:&nbsp;&nbsp;</p>

                  </td>

                  <td>

                    <input type="text" size="35" <cares:OrgOfficer controlName="OFF_GIVENNAME" /> >

                  </td>

                </tr>

                <tr bgcolor="#E7E3E7">

                  <td valign="middle">

                    <p align="right">Active &nbsp;</p>

                  </td>

                  <td valign="middle">

                    <cares:OrgOfficer controlName="OFF_ACTIVE" comboLoad="YESNO"/>

                  </td>

                </tr>

   <!--             <tr bgcolor="#E7E3E7">

                  <td valign="middle">

                    <p align="right">Contact &nbsp;</p>

                  </td>

                  <td valign="middle">

                    <cares:OrgOfficer controlName="OFF_KEYCONTACT" comboLoad="YESNO"/>

                  </td>

                </tr>

    -->

                <tr bgcolor="#E7E3E7">

                  <td valign="middle">&nbsp;</td>

                  <td height="38" valign="middle" width="1%">

                    <div align="right">

                      <cares:OrgOfficer buttonName="search"/>

                      &nbsp;&nbsp;

                      <input type="submit" name="clear" value="Clear">

                      &nbsp;</div>

                  </td>

                </tr>

                <tr bgcolor="#FF9900" valign="middle">

                  <td colspan="2">

                    <div align="right">

                      <cares:OrgOfficer buttonName="new" pageRedirect="AdminOrgOff.jsp"/>

                      &nbsp;&nbsp;&nbsp;

                      <cares:OrgOfficer buttonName="modify" pageRedirect="AdminOrgOff.jsp"/>

                      &nbsp;&nbsp;&nbsp;

                      <cares:OrgOfficer buttonName="view" pageRedirect="AdminOrgOff.jsp"/>

                      &nbsp;&nbsp;&nbsp;

                      <cares:OrgOfficer buttonName="delete" pageRedirect="AdminOrgOff.jsp"/>

                      &nbsp;&nbsp;&nbsp;

                      <cares:OrgOfficer buttonName="Done" pageRedirect="window.location='AdminOrganisationSearch.jsp'"/>

                      &nbsp;</div>

                  </td>

                </tr>

              </table>

              <br>

              <table width="90%" border="0" cellspacing="2" cellpadding="3">

                <tr bgcolor="#FF9900">

                  <td width="5%" class="bold-highlite" height="20"><p>&nbsp;</p></td>

                  <td width="33%" class="bold-highlite" height="20">Surname</td>

                  <td width="32%" class="bold-highlite">First Name</td>

                  <td width="10%" class="small">

                    <p class="bold-highlite">Active?</p>

                  </td>

                  <td width="10%" class="small">

                    <p class="bold-highlite">Contact?</p>

                  </td>

                </tr>

                <cares:OrgOfficer controlName="TABLE" />

                <!--

                TABLE DISPLAY

                -->

                <tr bgcolor="#E7E3E7">

                  <td colspan="5">

                    <p align="right">

                    <cares:OrgOfficer buttonName="nav"/>

                    </p>

                  </td>

                </tr>

              </table>

              <p>&nbsp;</p>

            </form>

            <p class="higlite">&nbsp;</p>

          </td>

        </tr>

      </table>

    </td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td bgcolor="#000099" valign="top">

      <%@ include file="/global/SideBarLinksAdmin.jsp" %>

      <br>

      <table width="100%" border="0" cellspacing="0" cellpadding="0">

        <tr>

          <td><img src="../images/interface/brochure_photo.jpg" width="150" height="94" vspace="4" alt="EPA photo - inspecting chemical bottle"></td>

        </tr>

        <tr>

          <td><img src="../images/interface/brochure_text.gif" width="150" height="95" alt="Protecting , restoring and enhancing the environment"></td>

        </tr>

        <tr>

          <td>&nbsp;</td>

        </tr>

      </table>

    </td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td bgcolor="#000099" valign="top" align="center">

        <a href="http://www.environment.sa.gov.au/epa/index.html" target="_blank">

          <img src="../images/splash/epa_logo_b.gif" width="66" height="75" alt="Department of Environment and Heritage Logo and Link" border="0">

    </a>

        <br>

        <br>

    </td>

    <td valign="top">&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

</body>

<cares:OrgOfficer controlName="javascript" />

</generic:Data>

</html>

when i click on new button it opens AdminOrgOff.jsp

Expand|Select|Wrap|Line Numbers

 <%@ page contentType="text/html; charset=iso-8859-1" %>

<%@ taglib uri="TagLibGeneric.tld" prefix="generic" %>

<%@ taglib uri="TagLibAdminOrgOfficer.tld" prefix="cares" %>

<html>

<head>

<%

    response.setHeader("Cache-Control", "no-cache");

    response.setHeader("Pragma", "no-cache");

%>

<title>EPA - Complaints and Reports of Environmental Significance (CARES)</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<!--include the global styles-->

<%@ include file="/global/GlobalStyles.jsp" %>

<SCRIPT LANGUAGE = "JavaScript">

//include the side bar events

<%@ include file="/global/SideBarEvents.jsp" %>
 
 /*function onPageSubmit(){ 

    var eMailRequired=document.getElementById("ORG_EMAIL_REQD").value;

    var officeEmail=document.getElementById("OFF_Email").value;

    //var org_name=document.getElementById("ORG_NAME").value;

    if(eMailRequired == 'Y' && officeEmail == ""){ 

        alert("Officer Email is Required");

     return false;

    }

    if(eMailRequired=='Y' && officeEmail!= ""){

    document.form1.action = '../servlet/controlservlet'; 

    window.location = document.form1.REDIRECT.value; 

    document.form1.submit(); 

  } 

 } 

 function onPageCancel(){ 

   var ans = confirm('Are you sure that you want to cancel?') 

   if (ans==true){ 

     window.location = document.form1.REDIRECT.value; 

   } 

 }  */

 </SCRIPT>

<link rel="stylesheet" href="../stylesheets/epa-cares-style1.css">
 
</head>
 
<body bgcolor="#FFFFFF" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" text="#333333" link="#FF9933" vlink="#339966" alink="#339966"/>

<!-- DATA OBJECT -->
 
<generic:Data objectName="<%=request.getServletPath()%>" remoteUser="<%=request.getRemoteUser()%>">

<!--<cares:OrgOfficer controlName="javascript" />-->

<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <%@ include file="/global/TopBarLinks.jsp" %>

  <tr>

    <td bgcolor="#000099" valign="top"><a href="../main/main_menu.jsp"><img src="../images/interface/epa_logo_pt2.gif" width="150" height="38" alt="Back to Main Menu" border="0"></a></td>

    <td rowspan="2" valign="top">

      <table width="100%" border="0" cellspacing="0" cellpadding="0">

        <tr>

          <td width="5%">&nbsp;</td>

          <td width="95%">&nbsp;</td>

        </tr>

        <tr>

          <td width="5%"><img src="../images/interface/spacer.gif" width="15" height="15"></td>

          <td width="95%" valign="top">

            <p class="main-header">Administration - Organisation Officers</p>

            <form name="form1" method="post" action="">

              <cares:OrgOfficer actionFlag="true" />

              <cares:OrgOfficer pageName="true" />

              <input type="hidden" <cares:OrgOfficer controlName="OFF_ID" />>

              <input type="hidden" <cares:OrgOfficer controlName="REDIRECT" />>

              <input type="hidden" <cares:OrgOfficer controlName="OFF_ORG_ID" />>

              <input type="hidden" name="OFF_LASTUPDATEUSER" value="<cares:OrgOfficer controlName="SECURITY_OFF_USER" />">

              <table width="90%" border="0" cellspacing="2" cellpadding="3">

                <tr bgcolor="#E7E3E7">

                  <td width="40%">

                    <p align="right">Organisation name: &nbsp;</p>

                  </td>

                  <td width="60%">
 
                      <p class="blue-highlite"><cares:OrgOfficer controlName="ORG_NAME" />

                    </p>

                  </td>

                </tr>

                <tr bgcolor="#E7E3E7">

                  <td>

                    <p align="right">Officer Surname: &nbsp;</p>

                  </td>

                  <td width="1%" bgcolor="#E7E3E7">

                    <p>

                      <input type="text" size="35" <cares:OrgOfficer controlName="OFF_SURNAME" />>

                    </p>

                  </td>

                </tr>

                <tr bgcolor="#E7E3E7">

                  <td>

                    <p align="right">Officer First Name:&nbsp;&nbsp;</p>

                  </td>

                  <td width="1%">

                    <input type="text" size="35" <cares:OrgOfficer controlName="OFF_GIVENNAME" />>

                  </td>

                </tr>

                <tr bgcolor="#E7E3E7">

                  <td valign="middle">

                    <p align="right">Officer E-mail:&nbsp;</p>

                  </td>

                  <td height="38" valign="middle" width="1%">

                    <input type="text" size="35" <cares:OrgOfficer controlName="OFF_EMAIL" />>

                  </td>

                </tr>

                <tr bgcolor="#E7E3E7">

                  <td valign="middle">

                    <p align="right">Officer User Name:&nbsp;</p>

                  </td>

                  <td height="38" valign="middle" width="1%">

                    <input type="text" size="35" <cares:OrgOfficer controlName="OFF_USERNAME" />>

                  </td>

                </tr>

                <tr bgcolor="#E7E3E7">

                  <td valign="middle">

                    <p align="right">Key Contact &nbsp;</p>

                  </td>

                  <td height="38" valign="middle" width="1%">

                    <cares:OrgOfficer controlName="OFF_KEYCONTACT" comboLoad="YESNO"/>

                  </td>

                </tr>

                <tr bgcolor="#E7E3E7">

                  <td valign="middle">

                    <p align="right">Active &nbsp;</p>

                  </td>

                  <td height="38" valign="middle" width="1%">

                    <cares:OrgOfficer controlName="OFF_ACTIVE" comboLoad="YESNO"/>

                  </td>

                </tr>
 
                <!--<tr bgcolor="#E7E3E7">

                  <td valign="middle">

                    <p align="right">e-Mail Required:&nbsp;</p>

                  </td>

                  <td height="38" valign="middle" width="1%">

                    <input type="text" size="35" <cares:OrgOfficer controlName="ORG_EMAIL_REQD" />>

                  </td>

                </tr>-->

        <tr bgcolor="#FF9900" valign="middle">

                  <td colspan="2">

                    <div align="right">

                      <cares:OrgOfficer buttonName="save_buttons" />

                      </div>

                  </td>

                </tr>
 
            <!-- <tr bgcolor="#FF9900" valign="middle">

                  <td colspan="2">

                    <div align="right">

                        <input type="submit" name="button_save" value="Save" onclick="javascript:onPageSubmit()">

                        <input type="button" name="button_cancel" value="Cancel" onclick="javascript:onPageCancel()">

                  </div>

                  </td>

                </tr>-->
 
              </table>

              <br>

              <p>&nbsp;</p>

            </form>

            <p class="higlite">&nbsp;</p>

          </td>

        </tr>

      </table>

    </td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td bgcolor="#000099" valign="top">

      <%@ include file="/global/SideBarLinksAdmin.jsp" %>

      <br>

      <table width="100%" border="0" cellspacing="0" cellpadding="0">

        <tr>

          <td><img src="../images/interface/brochure_photo.jpg" width="150" height="94" vspace="4" alt="EPA photo - inspecting chemical bottle"></td>

        </tr>

        <tr>

          <td><img src="../images/interface/brochure_text.gif" width="150" height="95" alt="Protecting , restoring and enhancing the environment"></td>

        </tr>

        <tr>

          <td>&nbsp;</td>

        </tr>

      </table>

    </td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td bgcolor="#000099" valign="top" align="center">

        <a href="http://www.environment.sa.gov.au/epa/index.html" target="_blank">

          <img src="../images/splash/epa_logo_b.gif" width="66" height="75" alt="Department of Environment and Heritage Logo and Link" border="0">

    </a>

        <br>

        <br>

    </td>

    <td valign="top">&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

</body>

<cares:OrgOfficer controlName="javascript" />

</generic:Data>

</html>

on this form officer email text field should be mandatory or non mandatory according to passing organisation name from previous page. i want to make it nonmandatory only when i pass organisation=link communication. this is one of my organisation list.

Please reply soon.

Thanx in Advance
Gaurav

acoder

Tip for next time: when posting code for client-side problems/questions, post the generated client-side code, not your JSP code. It makes deciphering the problem a lot easier.

Quote:

Originally Posted by Gaurav Jhamb

i want to make it nonmandatory only when i pass organisation=link communication. this is one of my organisation list.

I'm not sure exactly what you mean here. Do you mean the organisation name is passed in the URL? The general idea is simple enough. If the organisation name is not passed, then test for email, otherwise there's no need to test, thus making it non-mandatory. For example:

Expand|Select|Wrap|Line Numbers

 // assuming org is reference to passed organisation if exists

if (!org) {

 // test for email...

}

To give something more specific, you'll have to give more details.

Javascript function to make a field mandatory and nonmandatory acording to different

re: Javascript function to make a field mandatory and nonmandatory acording to different

re: Javascript function to make a field mandatory and nonmandatory acording to different

re: Javascript function to make a field mandatory and nonmandatory acording to different

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about