I am trying to validate the following form in fancybox popup but it keeps on submitting the form instead of doing the validation what am I doing wrong in this? This works perfectly when Outside fancybox.
<form id="login-form-popup" method="post" action="<?php echo $this->getUrl('customer/account/loginPost') ?>">
<input name="form_key" type="hidden" value="<?php echo Mage::getSingleton('core/session')->getFormKey() ?>" />
<li>
<div class="input-box">
<label>Email ID</label>
<input type="text" placeholder="<?php echo $this->__('Email ID') ?>" class="input-text required-entry validate-email" name="login[username]" id="email" title="Email Address" />
</div>
</li>
<li>
<div class="input-box">
<label>Password</label>
<input type="password" placeholder="<?php echo $this->__('Password') ?>" class="input-text required-entry validate-password" name="login[password]" id="pass" title="Password" />
</div>
</li>
<li>
<div class="input-box">
<input class="buttonstyle" type="submit" value="<?php echo $this->__('Login') ?>" name="subloginpop" id="subloginpop" />
</div>
</li>
<li><div class="input-box">
<a class="forgot-password" href="<?php echo $this->getUrl('customer/account/forgotpassword') ?>">Forgot Your Password?</a></div>
</li>
</form>
<script type="text/javascript">
//<![CDATA[
var theLoginFormpop = new VarienForm('login-form-popup', true);
//]]>
</script>