test

by robinparduez

HTML

<input type='text' id="full_day"/>
<input type='button' id="buttontest" value="Enter Zip Code"/>
<div id="zipMessage">
<div class="zipError">
No zipcode found.
</div>
<div class="zip33314 zip33325 zip33328">
<p>Sorry, we cannot deliver to Davie.</p>
<p>Please call (nnn) nnn-nnnn for alternative options.</p>
</div>

<div class="zip33076 zip33065 zip33071 zip33067">
<p>Sorry, we cannot deliver to Coral Springs.</p>
<p>Please call (nnn) nnn-nnnn for alternative options.</p>
</div>

<div class="zip33330">
<p>Sorry, we cannot deliver to Cooper City.</p>
<p>Please call (nnn) nnn-nnnn for alternative options.</p>
</div>

<div class="zip33317 zip33324">
<p>Sorry, we cannot deliver to Plantation.</p>
<p>Please call (nnn) nnn-nnnn for alternative options.</p>
</div>

<div class="zip33441 zip33442">
<p>Sorry, we cannot deliver to Deerfield Beach.</p>
<p>Please call (nnn) nnn-nnnn for alternative options.</p>
</div>

<div class="zip33146 zip33134">
<p>Sorry, we cannot deliver to Coral Gables.</p>
<p>Please call (nnn) nnn-nnnn for alternative options.</p>
</div>

<div class="zip33066 zip33073 zip33004 zip33315 zip33316 zip33311 zip33312 zip33301 zip33304 zip33305 zip33306 zip33308 zip33009 zip33019 zip33020 zip33021 zip33024 zip33313 zip33319 zip33063 zip33025 zip33023 zip33027 zip33068 zip33309 zip33334 zip33026 zip33028 zip33029 zip33060 zip33062 zip33064 zip33069 zip33322 zip33323 zip33351 zip33321 zip33326 zip33327 zip33331 zip33332 zip33180 zip33155 zip33015 zip33189 zip33190 zip33178 zip33034 zip33172 zip33143 zip33170 zip33016 zip33018 zip33010 zip33012 zip33013 zip33014 zip33030 zip33031 zip33035 zip33039 zip33179 zip33183 zip33173 zip33176 zip33193 zip33149 zip33033 zip33142 zip33144 zip33145 zip33150 zip33185 zip33101 zip33135 zip33136 zip33137 zip33138 zip33122 zip33125 zip33126 zip33127 zip33128 zip33129 zip33130 zip33131 zip33132 zip33133 zip33194 zip33139 zip33140 zip33141 zip33109 zip33055 zip33056 zip33169 zip33166 zip33161 zip33168 zip33181 zip33162 zip33054...

CSS

#zipMessage > div[class^=zip]
{
    display:none;
}

JavaScript

$(document).ready(function(){
  var zipCodes = [33180,33146,33134,33155,33015,33189,33190,33178,33034,33172,33143,33170,33016,33018,33010,33012,33013,33014,33030,33031,33035,33039,33179,33183,33173,33176,33193,33149,33033,33142,33144,33145,33150,33185,33101,33135,33136,33137,33138,33122,33125,33126,33127,33128,33129,33130,33131,33132,33133,33194,33139,33140,33141,33109,33055,33056,33169,33166,33161,33168,33181,33162,33054,33157,33158,33156,33032,33187,33177,33160,33154,33174,33175,33182,33184,33186,33196,33165,33147,33167,33066,33073,33330,33076,33065,33071,33067,33004,33314,33325,33328,33441,33442,33315,33316,33311,33312,33301,33304,33305,33306,33308,33009,33019,33020,33021,33024,33313,33319,33063,33025,33023,33027,33068,33309,33334,33026,33028,33029,33317,33324,33060,33062,33064,33069,33322,33323,33351,33321,33326,33327,33331,33332];
  $("#buttontest").click(function(){
   var zipIndex = zipCodes.indexOf(parseInt($("#full_day").val()));
   $("#zipMessage > div").hide("fast");
   var zipClass = zipIndex > -1 ? zipCodes[zipIndex] : "Error";
   $(".zip"+zipClass).show();
  });
});