I use two jquery plugin and I have a conflict. The plugins are:
The lighbox and validation works fine but when I fire the lightbox, the validation doesn't work. Note that I use ASP.NET Web Forms.
I have the following code:
<form id="form1" runat="server">
<a class="ct">Click me!</a>
<div class="form" id="contact" style="display:none;">
<input type="text" id="name" name="name" title="X" class="required textbox" />
<input type="submit" id="submit" class="submit contact" value="Submit" />
</div>
</form>
$(function () {
$(document).on("click", "a.ct", function (e) {
$('#contact').lightbox_me({ centered: true, closeClick: false, closeEsc: false });
e.preventDefault();
});
});
$(function () {
$("#form1").validateWebForm();
});
and I include the following files:
https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
jquery.lightbox_me.js (http://buckwilson.me/lightboxme/)
http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js
jquery.validation.net.webforms.js (this file makes jquery validate easier on asp.net web foms, info: https://github.com/bbraithwaite/JQueryValidationForWebForms)
Thank you