使用jquery.validation和XRegexp时，如何防止传入的UTF-8内容重新编码为UTF-16？

Question

I'm building a form that uses JQuery.Validator with XRegexp to clean input fields before they are submitted to the server (which also validates all incoming posts) but I'm having a little bit of trouble posting the content back to the server.

If I post a UTF-8 string like this: Русский日本語fdsffsfsa

to the form below:

<form id="xyzzyForm">
    <input id="xyzzy" name="xyzzy" type="text" />
    <button type="submit">Submit</button>
</form>

my JQuery/Validate/XRegExp POST's the string as UTF-16: xyzzy=%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9%E6%97%A5%E6%9C%AC%E8%AA%9Efdsffsfsa

I know from German Rumm's response on this post Why is jQuery POSTing in UTF-16? that the problem was coming from escape(), but I'm not using it as you can see from my script below:

<script>
$.validator.addMethod(
    "regex",
    function(value, element, regexp) {
        var re = new XRegExp(regexp);
        return this.optional(element) || re.test(value);
    },
    "Please check your input."
);
$(document).ready(function() {
    $("#xyzzyForm").validate({
        rules: {
            xyzzy: {
                required: true,
                minlength: 8,
                maxlength: 32,
                regex: '^[\\p{L}\\p{M}*+\\p{N}]*$'
            }
        },
        messages: {
            xyzzy: {
                required: "Please enter your xyzzy.",
                maxlength: "The xyzzy field only accepts between 8-32 characters.",
                minlength: "The xyzzy field only accepts between 8-32 characters.",
                regex: "The xyzzy field contains invalid characters.  This field only accepts letters and/or numbers."
            }
        },
        submitHandler: function(form) {
            var request;
            if (request) request.abort();
            var $inputs = $(form).find("input, select, textarea, button");
            var serializedData = $(form).serialize();
            $inputs.prop("disabled", true);
            request = $.ajax({
                url: "./xyzzy-ajax.php",
                cache: false,
                type: "post",
                contentType: "application/x-www-form-urlencoded; charset=utf-8",
                data: serializedData
            });
            // Prevent default posting of form.
            return false;
        }
    });
});
</script>

Any idea where the re-encode to UTF-16 is occurring in this case?

Answer 1

Ok I figured out the problem, little embarrassed to say I was led astray but comments regarding JQuery UTF-8 content being encoded to UTF-16 in another post but that wasn't the problem.

Turns out the UTF-8 characters are simply being raw url encoded . All I need to do to decode them on my PHP side is run them through rawurldecode() first then pass it on to my filters for further testing.