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:
(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>