Search jQuery

jQuery Forum

Using jQuery

janderson..

Trying to fire jquery validate on form submit using .submit

in Using jQuery • 8 years ago

But it isn't firing when I hit submit. It submits but doesn't do anything. Any ideas?

The page I'm doing this on, is my Checkout page on:

http://rsatestamls.kaliocommerce.com

(Need a product in your cart to proceed to checkout)

My code is:

<script>
$(document).ready(function(){
$("#Method input:checkbox").change(function() {
if (this.checked) {
var checkname = $(this).attr("name");
$('input[type=checkbox][id=OnAccount]').prop('value', 'True')
$("input:checkbox[name='" + checkname + "']").not(this).removeAttr("checked");
} else {
$('input[type=checkbox][id=OnAccount]').val('No');
}
});
$("#CheckoutOptions input:checkbox").change(function() {
if (this.checked) {
var checkname = $(this).attr("name");
$("input:checkbox[name='" + checkname + "']").not(this).removeAttr("checked");
}
});
});
$("#CheckOut").submit(function( event ) {
alert( "Handler for .submit() called." );
jQuery.validator.setDefaults({
debug: false,
success: "valid"
});
$("#CheckOut").validate({
rules: {
FirstName: {
required: true
},
LastName: {
required: true
},
Email: {
required: true,
email: true
},
Phone: {
required: true,
digits:true
},
Address1: {
required: true
},
City: {
required: true
},
PostalCode: {
required: true,
digits: true
},
Country: {
required: true
},
State: {
required: true
},
pwd: {
required: true
},
pwd_confirm: {
required: true
},
FName_SHIP: {
required: true
},
LName_Ship: {
required: true
},
Phone_Ship: {
required: true,
digits: true
},
Address1_Ship: {
required: true
},
City_Ship: {
required: true
},
PostalCode_SHIP: {
required: true,
digits: true
},
COUNTRY_SHIP: {
required: true
},
State_SHIP: {
required: true
},
NameOnCard: {
required:{
depends: function(element) {
return $("#CCMethod").is(":checked");
}
}
},
CreditCardType: {
required:{
depends: function(element) {
return $("#CCMethod").is(":checked");
}
}
},
CardNumber: {
required:{
depends: function(element) {
return $("#CCMethod").is(":checked");
}
}
},
CardExpMonth: {
required:{
depends: function(element) {
return $("#CCMethod").is(":checked");
}
}
},
CardExpYear: {
required:{
depends: function(element) {
return $("#CCMethod").is(":checked");
}
}
},
CVC: {
required:{
depends: function(element) {
return $("#CCMethod").is(":checked");
}
}
},
customernumber: {
required:{
depends: function(element) {
return $("#OnAccount").is(":checked");
}
}
}
}
});
});
populateCartTotal();
</script>

Replies(1)

kbwood.au

Re: Trying to fire jquery validate on form submit using .submit

8 years ago

Don't put the validate call inside the submit handler! The validate call sets up a submit callback automatically to apply the validations and suppress submission if it fails.

$(function() { // Shorthand for $(document).ready(function() {
$('#Method input:checkbox').change(function() {
...
});
$('#CheckoutOptions input:checkbox').change(function() {
...
});
$('#CheckOut').validate({
debug: false,
success: 'valid',
rules: {
FirstName: {
required: true
},
...
}
});
populateCartTotal();
});

Top Reply

Response title

Attachments

jQuery Forum

Trying to fire jquery validate on form submit using .submit

Replies(1)

Re: Trying to fire jquery validate on form submit using .submit

Statistics

Tags

Actions