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 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! 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
Archived
This topic is now archived and is closed to further replies.