Quick Form's question

[the_real_JLM]

I have a series of pulldown menu's and a submit button, it works fine, my problem is, I would like it to either popup on the user and say "You must select an item in each box to continue..." if a user clicks the search button without selecting an item in each pulldown box. Either that or the search button is disabled (grey'ed out) until all pulldown's have something OTHER than "Please Choose..." selected.

 

Here is the code (form only):

<form name="searchdatabase" method="get" action="portal_searchallwebusersresults.php" target="_blank">
  <table width="578" border="2" align="center" cellpadding="1" cellspacing="0" bordercolor="#e6e6e6" bgcolor="#FFFFFF">
    <caption align=top> 
    </caption>
    <tr> 
      <td colspan="2"> <div align="left"></div>
        <div align="left"><strong>Search all plans using specifics:</strong></div></td>
    </tr>
    <tr> 
      <td> <div align="left"> </div>
        House Style:<br> 
        <select name="housetype" id="select4">
          <option value="%" selected>Please Choose...</option>
          <option value="Rancher">Rancher</option>
          <option value="Two Storey">Two Storey</option>
          <option value="Three Storey">Three Storey</option>
          <option value="Basement Entry">Basement Entry</option>
          <option value="Cathedral Entry">Cathedral Entry</option>
          <option value="Split Level">Split Level</option>
          <option value="Duplex">Duplex</option>
          <option value="Garage">Garage</option>
        </select></td>
      <td width="292">Bathrooms:<br>
        <select name="bathrooms" id="select5">
          <option value="%" selected>Please Choose...</option>
          <option value="0">0 Bathroom</option>
          <option value="1">1 Bathroom</option>
          <option value="2">2 Bathrooms</option>
          <option value="3">3 Bathrooms</option>
          <option value="4-More">4+ Bathrooms</option>
        </select> </td>
    </tr>
    <tr> 
      <td>Square Foot Range:<br> <select name="sqftarea" id="select2">
          <option value="%" selected>Please Choose...</option>
          <option value="100-999">100-999</option>
          <option value="1000-1250">1000-1250</option>
          <option value="1251-1500">1251-1500</option>
          <option value="1501-1750">1501-1750</option>
          <option value="1751-2000">1751-2000</option>
          <option value="2001-2500">2001-2500</option>
          <option value="2501-3000">2501-3000</option>
          <option value="3001-3500">3001-3500</option>
          <option value="3501-Over">3501-Over</option>
        </select> </td>
      <td> <div align="left">Garage:<br>
          <select name="garage" id="garage">
            <option value="%" selected>Please Choose...</option>
            <option value="0">None</option>
            <option value="1">Single Garage</option>
            <option value="2">Double Garage</option>
            <option value="3">Triple Garage</option>
            <option value="4-More">Other</option>
          </select>
        </div></td>
    </tr>
    <tr> 
      <td height="47">Bedrooms:<br> <select name="bedrooms" id="select3">
          <option value="%" selected>Please Choose...</option>
          <option value="0">0 Bedroom</option>
          <option value="1">1 Bedroom</option>
          <option value="2">2 Bedrooms</option>
          <option value="3">3 Bedrooms</option>
          <option value="4">4 Bedrooms</option>
          <option value="5">5 Bedrooms</option>
          <option value="6-More">6+ Bedrooms</option>
        </select></td>
      <td valign="bottom"> <input type="submit" name="Submit" value="Search..."> 
      </td>
    </tr>
  </table>
  </form>

[brettpower]

Check out this tutorial.  It should do the trick for you.

 

http://www.w3schools.com/js/js_form_validation.asp