ASP.NET

classy_dog wrote:

Is the startup page hom.aspx?

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

 <script type="text/javascript">
$.fn.paymentpagevalidation = function() {
        var cardholdernameValid = false;
        var confirmationValid = false; 

                        $(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)[0].id != "address2")
      {
          if (!$(item).valid())
          {
            isValid = false;
          }
      }
    }
  });
 
    if (!isValid)
      evt.preventDefault();
  });

$.validator.addMethod("dropDownValidator", function (value, element, parameters) {         
if (value == '-1'){
return false;
}
else
return true;
});          

$.validator.addMethod("monthValidator", function (value, element, parameters) {         
if ((value < 1) || (value > 12)){
return false;
}
else if((value >= 1) || (value <= 12)){
return true;
}
else{
return false;
}
}); 

$("#securityCode").click(function () {    
    if($("#rblPaymentType input[type=radio]:checked").val()=="AmEx")
    {
        $("#securityCode").attr('maxlength','4'); 
    }
    else
    {
        $("#securityCode").attr('maxlength','3'); 
    }
});

$.validator.addMethod("securityCodeValidator", function (value, element, parameters) {         
    if($("#rblPaymentType input[type=radio]:checked").val()=="AmEx")
    {
        if($("#securityCode").val().length == 4)
        {
            return true;
        }
        else
        {
          return false;
        }
    }
    else
    {
        if($("#securityCode").val().length == 3)
        {
            return true;
        }
        else
        {
            return false;
        }
    }
});     
                       
        $('#form').validate({       
           
            rules: {
                 <%= cardholdername.UniqueID %>: {
                    required: true,
                    minlength: 1
                },
                 <%= address1.UniqueID %>: {
                    required: true,
                    minlength: 1
                },
                 <%= city.UniqueID %>: {
                    required: true,
                    minlength: 1
                },
                 <%= postcode.UniqueID %>: {
                    required: true
                },
                 <%= ccMonth.UniqueID %>: {
                    required: true,
                    minlength: 2,                   
                    number: true,
                    monthValidator: true                  
                },
                 <%= ccYear.UniqueID %>: {
                    required: true,
                    minlength: 2,
                    number: true
                },
                 <%= securityCode.UniqueID %>: {
                    required: true,
                    minlength: 3,
                    number: true,
                    securityCodeValidator: true
                },
                <%= rblPaymentType.UniqueID %>: {
                    required: true
                },
                <%= cardnum.UniqueID %>: {
                required: true,
                number: true
                },
                <%= ddlCountry.UniqueID %>: 
                {                                         
                    dropDownValidator: true                 
                },
                <%= ddlState.UniqueID %>: 
                {                                         
                    dropDownValidator: true                 
                }
            },
            messages: {
                <%= 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"
                },
                <%= 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",
                    monthValidator: "Invalid Month"                 
                },
                <%= ccYear.UniqueID %>: {
                    required: "Please confirm your Credit Card Year",
                    minlength: "Your Credit Card Year must be at least 2 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",
                    securityCodeValidator: "Please provide 4 digits for AmEx card"
                },
                <%= cardnum.UniqueID %>: {
                    required: "Please enter your Credit Card number",
                    number: "Provide only digits for the credit card number"
                },
                <%= ddlCountry.UniqueID %>: {
                dropDownValidator: "Please Select Country"
                },
                <%= ddlState.UniqueID %>: {
                dropDownValidator: "Please Select State"
                }
            },
            errorElement: "li",
            errorLabelContainer: "#errorMessage",
            onsubmit: false

        });

        //validate on change

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

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

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

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

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

        $("#postcode").blur(function () {
            var elemTest = $("#postcode").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();
        });

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

function pageLoad()
{
    paymentpagevalidation();
}