davelearning Posted January 31, 2011 Share Posted January 31, 2011 Hi all, Can anyone tell me why my jquery validate will not run when I use my image swap script? I am relatively new to jquery and javascript in general and I don't understand what the issue is, if I remove my links with the onmouseover and onmouseout functions then the validator works fine, however if I leave them in then the form just executes. My code: <script type="text/javascript" src="scripts/pageload.js"></script> <script type="text/javascript" src="scripts/formhelper.js"></script> <script type="text/javascript" src="scripts/jquery-1.4.2.js"></script> <script type="text/javascript" src="scripts/jquery.validate.pack.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#purchase").validate(); }); function swapImages(that) { that.src = (that.src.indexOf('buttonselected')>-1) ? ("images/"+that.id+"button.gif") : ("images/"+that.id+"buttonselected.gif"); } </script> </head> <body> <div id="main"> <div id="links"> <a href="index.php"><img src="images/homebutton.gif" alt="Home Button" class="buttons" id="home" onmouseover="swapImages(this)" onmouseout="swapImages(this)" /></a> <a href="packages.php"><img src="images/packagebutton.gif" alt="Packages Button" class="buttons" id="package" onmouseover="swapImages(this)" onmouseout="swapImages(this)" /></a> <a href="purchase.php"><img src="images/purchasebutton.gif" alt="Purchase Button" class="buttons" id="purchase" onmouseover="swapImages(this)" onmouseout="swapImages(this)" /></a> <img src="images/contactbutton.gif" alt="Contact Button" class="buttons" id="contact" onmouseover="swapImages(this)" onmouseout="swapImages(this)" /> <img src="images/clientbutton.gif" alt="Client Button" class="buttons" id="client" onmouseover="swapImages(this)" onmouseout="swapImages(this)" /> Many Thanks Quote Link to comment https://forums.phpfreaks.com/topic/226288-jquery-not-running-with-my-image-swap-script/ Share on other sites More sharing options...
davelearning Posted January 31, 2011 Author Share Posted January 31, 2011 Nevermind, it was the id='purchase' causing the issue, simple rename and ta-da! Quote Link to comment https://forums.phpfreaks.com/topic/226288-jquery-not-running-with-my-image-swap-script/#findComment-1168077 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.