Jump to content
gdad

Website Contact Form works in IE but not Chrome

Recommended Posts

I have a website, WWW.TriStateCasinoParties.com. The contact form works perfectly in IE but doesn't work at all in Chrome. No fansy stuff, just simple html tags and css sheets. Could use suggestion!

Share this post


Link to post
Share on other sites

Viewing your source you have title tag outside head tag, misplaced closing div tag that opens outside the form, but closes inside and before the closing form tag, now some browsers will try to correct such discrepancies and get it right, and some will fail miserably, so the best solution is to make sure it is correct and vaid using https://html5.validator.nu/ which should point you in the right direction.Think of container elements as boxes, the form element container box must be within the outer div box container, they can't intersectBAD

<div><form>...form inputs</div></form>
GOOD
<div><form>...form inputs</form></div>

Share this post


Link to post
Share on other sites

You have really old obsolete meta tags here cleaned up version

<!DOCTYPE html><html lang="en-us">    <head>        <title>Contact Us @ Tri-State Casino Parties</title>        <!--<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">-->        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <meta name="description" content="Tri-State Casino Parties Contact Information" />        <meta name="keywords" content=" Contact Information, contact form, contact email, contact phone "/>        <meta name="robots" content="INDEX,FOLLOW">        <meta name="robots" content="ALL">        <META NAME="revisit-after" CONTENT="15 days">        <!--<meta http-equiv="reply-to" content="EventSales@TriStateCasinoParties.com"> old and not advised because of spam risks -->        <meta name="audience" content="All">        <meta name="Author" content="TriStateCasinoParties.com">        <meta name="Classification" content="Recreation">        <meta name="dcterms.rightsHolder" content="TriStateCasinoParties.com">        <meta name="distribution" content="GLOBAL">        <meta name="msvalidate.01" content="B4BD1ED13FE480A9EAAC518DCE8C7372" />        <link rel="icon" href="pics/roulette_icon.png" type="image/png" >        <link rel="stylesheet" href="tscpMain.css" type="text/css" media="screen">        <link rel="stylesheet" href="tscpMenus.css" type="text/css" media="screen">        <link rel="stylesheet" href="tscpContactUs.css" type="text/css" media="screen">        <!-- comments -->        <SCRIPT type="text/javascript">            <!--        function checkForm(formObj) {                if (formObj.f_name.value == "" || formObj.l_name.value == "") {                    alert("Plwase Enter Full Name");                    return false;                }                if (formObj.email.value == "") {                    alert("Plwase Enter Email Address");                    return false;                }                if (formObj.email.value.indexOf("@") == -1 || formObj.email.value.indexOf(".") == -1) {                    alert("Plwase Enter Valid Email Address");                    return false;                }                if (formObj.phone.value == "") {                    alert("Plwase Enter Phone Number");                    return false;                }                if (formObj.natureofinquiry.options[formObj.natureofinquiry.selectedIndex].value == '') {                    alert("'Nature Of Your Inquiry' is required.");                    return false;                }                if (formObj.message.value == "") {                    alert("Plwase Enter A Message");                    return false;                }                if (formObj.howdidyouhear.options[formObj.howdidyouhear.selectedIndex].value == '') {                    alert("'How did you hear about Tri-State Casino Parties:' is required.");                    return false;                }                return true;            }//-->        </script>        <style>            /* CSS */        </style>    </head>    <body>        <div id="page">            /!--***********************************            * TSCP Header, Menu & Title includes *            * tscpHeaderMenuTitle.ssi            *            ***********************************-->            <div id="header">                <IMG SRC="pics/headerroulette.png" height="90" alt=" Roulette Wheel header picture"/>                <IMG SRC="pics/Dice.png" style="height:40px;padding:0px 0px 15px 20px;" alt="" />                <IMG SRC="pics/Header2.png" style="height:40px;padding:0px 0px 15px 0px;" alt="" />                <IMG SRC="pics/Cards.png" style="height:40px;padding:0px 0px 15px 0px;" alt="" />            </div>  <!-- End of header -->            <div id="topbar">                <ul>                    <li><a href="index.shtml" >Home</a></li>                    <li>*</li>                    <li><a href="tscpParty.shtml" >Party Plans</a>                        <ul>                            <li>Attendees:                            <li> <a href="tscpParty.shtml#upTo34" >  Up To 34              </a></li>                            <li> <a href="tscpParty.shtml#35To39" >  35-39                    </a></li>                            <li> <a href="tscpParty.shtml#40To49" >  40-49                    </a></li>                            <li> <a href="tscpParty.shtml#50To74" >  50-74                    </a></li>                            <li> <a href="tscpParty.shtml#75To99" >  75-99                    </a></li>                            <li> <a href="tscpParty.shtml#100To124" >  100-124                </a></li>                            <li> <a href="tscpParty.shtml#125Plus" >  125 Plus               </a></li>                        </ul>                    </li>                    <li>*</li>                    <li><a href="tscpFundraisers.shtml" >Fundraisers</a>                    <li>*</li>                    <li><a href="tscpGames.shtml" >Games</a>                        <ul>                            <li> <a href="tscpBlackjack.shtml" >BlackJack                                                  </a></li>                            <li> <a href="tscpCaribbeanStud.shtml" >Caribbean Stud --> </a>                                <ul>                                    <li> <a href="tscpCaribbeanStudHistory.shtml" >Caribbean Stud History </a></li>                                    <li> <a href="tscpCaribbeanStudStrategy.shtml" >Caribbean Stud Strategy</a></li>                                </ul>                            </li>                            <li> <a href="tscpChuckaluck.shtml" >Chuck-a-Luck        </a></li>                            <li>   Color Wheel</li>                            <li> <a href="tscpCraps.shtml" >Craps                                                         </a></li>                            <li>   Money Wheel</li>                            <li> <a href="tscpPaiGow.shtml" >Pai Gow                                                    </a></li>                            <li> <a href="tscpRoulette.shtml" >Roulette                                                     </a></li>                            <li> <a href="tscpSicBo.shtml" >Sic Bo                                                        </a></li>                            <li>   Slots</li>                            <li>   Stud Poker</li>                            <li> <a href="tscpTexasholdem.shtml" >Texas Hold'em       </a></li>                            <li>   Three Card Stud</li>                        </ul>                    </li>                    <li>*</li>                    <li><a href="/blog" >Comments</a>                    <li>*</li>                    <li><a href="tscpAffiliates.shtml" >Affiliates</a>                    <li>*</li>                    <li><a href="tscpAboutUs.shtml" >About Us</a>                    <li>*</li>                    <li><a href="tscpContactUs.shtml" >Contact Us</a></li>                </ul>            </div> <!-- End of topbar -->            <div id="title">                Locally owned and operated *** PROFESSIONAL DEALERS            </div> <!-- eod title -->            <div class="space"></div>            <div id="leftbox">                <div id="leftbox1">                    <p class="header">For Event Information:</p>                    Use Form At Right ---><br>                    Call/Text:  301-752-2881<br>                    <p> Email: <a href="mailto:EventSales@TriStateCasinoParties.com">EventSales@TriStateCasinoParties.com</a></p>                    <br>                    <p  class="header">For Other Purposes:</p>                    Email: <a href="mailto:ClientServices@TriStateCasinoParties.com">ClientServices@TriStateCasinoParties.com</A>                    <br>                    Go to the <a href="/blog">"Client Comments" </a>page...<br>                    Address: LaPlata, MD 20646                </div>  <!-- eod leftbox1 -->            </div>  <!-- eod leftbox -->            <div id="rightbox">                <span class="contact">Contact Form</span><br>                <span class="req">* = required</span><br>                <div id="rightbox1">                    <div id="name"><span class="star">* </span>Name:</div>                    <div id="org">Company/Org:</div>                    <div id="email"><span class="star">* </span>Email:</div>                    <div id="phone"><span class="star">* </span>Phone:</div>                    <div id="inq"><span class="star">* </span>Nature Of Inquiry:</div>                </div>  <!-- eod rightbox1 -->                <div id="rightbox2">                    <div id="rightbox2a"> First</div>                    <div id="rightbox2b"> Last:</div>                    <form action="contactus.php" name="mailform" method="POST" enctype="multipart/form-data" onSubmit="return checkForm(this);">                        <input type="text" name="f_name" size="17" maxlength="50" tabindex="1">                        <input type="text" name="l_name" size="17" maxlength="75">                        <div class="formspace"></div>                        <input type="text" name="comporg" size="42" maxlength="100">                        <div class="formspace"></div>                        <input type="text" name="email" size="35" maxlength="150" class="field">                        <div class="formspace"></div>                        <input type="text" name="phone" size="20" maxlength="150" class="field">                        <div class="formspace"></div>                        <select name="natureofinquiry">                            <option value="">-SELECT-</option>                            <option value="Casino Party">Casino Party</option>                            <option value="Employment">Employment</option>                            <option value="General/Other">General/Other</option>                        </select>                        <div id="ifparty">If Inquiring About A Casino Party</div>                        <div id="rightbox3">                            <div id="guests">Number Of Guests:</div>                            <div id="msg"><span class="star">* </span>Message:</div>                        </div>  <!-- eod rightbox3 -->                        <div style="clear:right"></div>                        <div class="space1"></div>                        <div id="rightbox4">                            <select name="partysize">                                <option value="">-SELECT-</option>                                <option value="Up to 34">Up to 34</option>                                <option value="35 to 39">35 - 39</option>                                <option value="40 to 49">40 - 49</option>                                <option value="50 to 74">50 - 74</option>                                <option value="75 to 99">75 - 99</option>                                <option value="100 to 125">100 - 124</option>                                <option value="125 Plus">125 Plus</option>                            </select>                            <div class="formspace"></div>                            <div class="formspace"></div>                            <textarea name="message" cols="30" rows="6" class="field"></TEXTAREA>      </div>  <!-- eod rightbox4 -->      <div id="how"><span class="star">* </span>How did you hear about Tri-State Casino Parties:</div>      <div id="rightbox5">         <div id="other">If Other:</div>      </div>  <!-- eod rightbox5 -->      <div id="rightbox6">         <select name="howdidyouhear">            <option value="">-SELECT-</option>            <option value="Newspaper">Newspaper</option>            <option value="TV">TV</option>            <option value="Radio">Radio</option>            <option value="Brochure">Brochure</option>            <option value="socialnetworking">Social Networking    (FB, Twitter, MySpace)</option>            <option value="Website">Website</option>            <option value="Word of Mouth">Word of Mouth</option>            <option value="Other">Other</option>         </select>         <div class="formspace"></div>         <div class="formspace"></div>         <input type="text" name="howdidyouhear_other" size="20" maxlength="150" class="field">         <div class="formspace"></div>         <div class="formspace"></div>         <div id="reset"><INPUT type="reset" name="reset" value="Clear Form" class="button"></div>         <div id="submit"><INPUT type="submit" name="submit" value="Send Email" class="button"></div>      </div> <!-- eod rightbox6 -->         </form></div>  <!-- eod rightbox2 -->   </div>  <!-- eod rightbox -->   <!--   Footer Section   -->   <!--************************ * tscpSubFooter.html/ssi  * ************************-->      <div id="subfooter"><p>* * * (Call/Text) 301-752-2881 * * *<br>* * *  <a href="mailto:clientservices@TriStateCasinoParties.com">         ClientServices@TriStateCasinoParties.com</a>  * * *</p>      </div> <!-- eod subfooter -->   <!--******************** * TSCP Footer include * * tscpFooter.ssi      * ********************-->   <div id="footer">      <div id="footer_1">         Web Design by:      </div> <!-- eod footer_1 -->      <div id="footer_2">          JEMM Enterprises, Inc.<br><a href="mailto:edingerj@comcast.net" >edingerj@comcast.net</a>      </div> <!-- eod footer_2 -->      <div id="footer_3">         <p><a href="sitemap.html" >Sitemap</a></p>      </div> <!-- eod footer_3 -->   </div>  <!-- eod footer -->   <div style="clear:both;"></div>   <div class="line_clear"></div></div>  <!-- eod page --></body></html>

I should make backup of original, as i have not tested this, but should al-right.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...