简体   繁体   中英

JQuery script is not working in IE

I created the following JQuery script and it seems to work in all browsers except IE 8. When I viewed Internet Explorers error details I did not get any error details at all. IE just points to my JQuery file without showing the line of code that's affected. Any suggestions? I am using version 1.4.4 of JQuery My script is below

    $(document).ready(function() {

        $("input[name='emailAddress']").blur(function() {
            // Actual Email Validation function
            $('#emailMessage').html("");
            var hasError = false;
            var emailaddressVal = $("input[name='emailAddress']").val().trim();
            var invalidEmailAddresses = ['goddady.com', 'aol.com', 'yahoo.com', 'yahoo.fr'];

            if(!isValidEmailAddres(emailaddressVal)) {
                $("<span id='emailMessage' class='LV_validation_message LV_invalid'>The email provided does not contain an @ symbol</span>").insertAfter("input[name='emailAddress']");
                hasError = true;
            } else {
                emailaddressVal = emailaddressVal.split('@').slice(1)[0].trim();

                if($.inArray(emailaddressVal, invalidEmailAddresses) >= 0) {
                    $("<span id='emailMessage' class='validation'>The email provided is not from a business related domain. Please use an appropriate email address instead.</span>").insertAfter("input[name='emailAddress']");
                } else {
                    $('#emailMessage').css('display', 'none');
                }
            }
            if(hasError == true) {
                return false;
            }
        });

        function isValidEmailAddres(emailID) {
            var regexExp = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
            return regexExp.test(emailID);
        }

    });

I am suspecting the .trim() as it's not supported on <=IE8. You'd be better off using jQuery.trim() as you're using jQuery anyway. For instance:

var emailaddressVal = $.trim($("input[name='emailAddress']").val());

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM