ASP.NET

  <script type="text/javascript" src="../Script/Payment.js"></script>
  <script type="text/javascript" src="../Scripts/jquery.validate.creditcard2.js"></script>
  <script type="text/javascript">

      var lastNameValid = false;
      var confirmationValid = false;

  $(document).ready(function(){

      $(function ($) {
      $("#phonenumber").MaskPhoneNumber();
  });

          $(function ($) {
      $("#telephone").MaskPhoneNumber();
  });
                  $(function ($) {
      $("#postcode").ForceNumericOnly();
  });

                      $(function ($) {
      $("#cardnum").ForceNumericOnly();
  });

                          $(function ($) {
      $("#ccMonth").ForceNumericOnly();
  });

                              $(function ($) {
      $("#ccYear").ForceNumericOnly();
  });

                              $(function ($) {
      $("#securityCode").ForceNumericOnly();
  });


     $('.validationGroup .causesValidation').click(function (evt) {

  // Ascend from the button that triggered this click event
  //  until we find a container element flagged with
  //  .validationGroup and store a reference to that element.
  var $group = $(this).parents('.validationGroup');

  var isValid = true;

  // Descending from that .validationGroup element, find any input
  //  elements within it, iterate over them, and run validation on
  //  each of them.
  $group.find(':input').each(function (i, item) {

  if($(item)[0].id != "")
  {
    if (!$(item).valid())
    {
      isValid = false;
    }
  }
});

  if (!isValid)
    evt.preventDefault();
});


      $("#MainForm").validate({

          rules: {

              <%= firstname.UniqueID %>: {
                  required: true,
                  minlength: 1
              },
              <%= lastname.UniqueID %>: {
                  required: true,
                  minlength: 1
              },
               <%= phonenumber.UniqueID %>: {
                  required: true,
                  minlength: 12
              },
               <%= cardholdername.UniqueID %>: {
                  required: true,
                  minlength: 1
              },
               <%= address1.UniqueID %>: {
                  required: true,
                  minlength: 1
              },
               <%= city.UniqueID %>: {
                  required: true,
                  minlength: 1
              },
               <%= postcode.UniqueID %>: {
                  required: true,
                  minlength: 5,
                  number: true
              },
              <%= telephone.UniqueID %>: {
                  required: true,
                  minlength: 12
              },
               <%= ccMonth.UniqueID %>: {
                  required: true,
                  minlength: 2,
                  number: true
              },
               <%= ccYear.UniqueID %>: {
                  required: true,
                  minlength: 4,
                  number: true
              },
               <%= securityCode.UniqueID %>: {
                  required: true,
                  minlength: 3,
                  number: true
              },
              <%= rblPaymentType.UniqueID %>: {
                  required: true
              },
              <%= cardnum.UniqueID %>: {
              required: true,
              number: true
              }
          },
          messages: {

              <%= firstname.UniqueID %>: {
                  required: "Please provide your First Name",
                  minlength: "Your First Name must be at least 1 character"
              },
              <%= lastname.UniqueID %>: {
                  required: "Please provide your Last Name",
                  minlength: "Your Last Name must be at least 1 character"
              },
              <%= phonenumber.UniqueID %>: {
                  required: "Please provide your Phone Number",
                  minlength: "Your Phone Number must be at least 10 digits long"
              },
              <%= cardholdername.UniqueID %>: {
                  required: "Please provide your Cardholder Name",
                  minlength: "Your Cardholder Name must be at least 1 characters long"
              },
              <%= address1.UniqueID %>: {
                  required: "Please provide your Address1",
                  minlength: "Your Address1 must be at least 1 characters long"
              },
              <%= city.UniqueID %>: {
                  required: "Please provide your City",
                  minlength: "Your City Number be at least 1 characters long"
              },

              <%= postcode.UniqueID %>: {
                  required: "Please provide your Postal Code",
                  minlength: "Your Postal Code must be at least 5 digits long",
                  number: "Provide only digits for the postal code"
              },
              <%= telephone.UniqueID %>: {
                  required: "Please provide your Telephone Number",
                  minlength: "Your Telephone number must be at least 10 digits long"
              },
              <%= rblPaymentType.UniqueID %>: {
                  required: "Please select Credit Card Type"
              },
              <%= ccMonth.UniqueID %>: {
                  required: "Please confirm your Credit Card Month",
                  minlength: "Your Credit Card Month must be at least 2 digits long",
                  number: "Provide only digits for the month"
              },
              <%= ccYear.UniqueID %>: {
                  required: "Please confirm your Credit Card Year",
                  minlength: "Your Credit Card Year must be at least 4 digits long",
                  number: "Provide only digits for the year"
              },
              <%= securityCode.UniqueID %>: {
                  required: "Please confirm your Security Code",
                  minlength: "Your Security Code must be at least 3 digits long",
                  number: "Provide only digits for the security code"
              },
              <%= cardnum.UniqueID %>: {
                  required: "Please enter your Credit Card number",
                  number: "Provide only digits for the credit card number"
              }
          },
          errorElement: "li",
          errorLabelContainer: "#errorMessage",
          onsubmit: false

      });

      //validate on change
      $("#firstname").blur(function () {
          var elemTest = $("#firstname").valid();
      });

      $("#lastname").blur(function () {
          var elemTest = $("#lastname").valid();
      });

       $("#phonenumber").blur(function () {
          var elemTest = $("#phonenumber").valid();
      });

      $("#cardholdername").blur(function () {
          var elemTest = $("#cardholdername").valid();
      });

      $("#address1").blur(function () {
          var elemTest = $("#address1").valid();
      });

       $("#city").blur(function () {
          var elemTest = $("#city").valid();
      });

      $("#state").blur(function () {
          var elemTest = $("#state").valid();
      });

      $("#postcode").blur(function () {
          var elemTest = $("#postcode").valid();
      });

      $("#telephone").blur(function () {
          var elemTest = $("#telephone").valid();
      });

      $("#ccMonth").blur(function () {
          var elemTest = $("#ccMonth").valid();
      });

      $("#ccYear").blur(function () {
          var elemTest = $("#ccYear").valid();
      });

      $("#securityCode").blur(function () {
          var elemTest = $("#securityCode").valid();
      });

      $("#rblPaymentType").blur(function () {
          var elemTest = $("#rblPaymentType").valid();
      });

      $("#cardnum").blur(function () {
          var elemTest = $("#cardnum").valid();
      });

      $("#txtemailaddress").blur(function () {
          var elemTest = $("#txtemailaddress").valid();
      });

       $("#cardnum").rules("add", {
      creditcard2:
      //function(){ return $('#cardType').val();
              function () {
                  return $("#rblPaymentType input[type=radio]:checked").val();
       }
      });

 });

  // Get a reference to the PageRequestManager.
  var prm = Sys.WebForms.PageRequestManager.getInstance();

      prm.add_endRequest(EndRequest);

          // Executed when the async postback completes.
  function EndRequest(sender, args) {
      //$(".searchDisplayBusy").hide();

      $(function () {
      $('#btnFinalize').bind({click: validate});
      });

  </script>