I have an issue with the jquery validate plugin that doesn't make sense to me. Please can anyone see where my mistake is?
Here is my HTML:
<form id="form">
<input type="text" name="name" class="required" />
<input type="text" name="email" class="required email" />
</form>
<a id="link">Save</a>
Here is my JS
<script src="jquery 1.7.1"></script>
<script src="jquery.validate.1.9"></script>
<script>
$('#link').click(function()
{
$('#form').validate();
if ($('#form').valid()) // check if form is valid
{
// do some stuff
}
else
{
// just show validation errors, dont post
}
});
</script>
The form never gets validated or at least the .valid()
function always returns true but I can't see why? I used the validate plugin for years but not in this context.
If you have a link and need to validate a form. Also this function goes to next tab in UI Tabs validating each tab with a form in each tab.
$('.next-tab').click(function() {
//if form is valid
if ($("#frmSignup").valid()) {
//activate next tab
$('#signuptabs').tabs('enable', $(this).attr("rel"));
//switch to next tab
$tabs.tabs('select', $(this).attr("rel"));
return false;
}
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With