Question

我正在使用自定义表单向Google Spreadsheets提交数据。当用户尝试提交表单时，会对其进行验证（使用jQuery），如果验证通过，则使用jQuery修改主输入字段，然后继续提交。

用户输入一个URL，在提交过程中，脚本会切断链接的不必要部分，并向用户添加用户的IP（也用jQ收集）。修改完成后，表单会继续提交，结果只会将修改后的数据发送到Google电子表格。

99％的提交效果非常好，但有几个用户的浏览器没有正确执行脚本;即：他们输入的URL在提交过程中没有被修改，因此，错误的数据（未修改的）被发送到电子表格。我不完全确定，但问题可能是由Firefox引起的（但我不是100％确定所有错误的提交都来自Firefox，如果你想我可以研究并确认它是否只是Firefox的问题）。我问过其中一些（用户，他们的浏览器似乎没有执行脚本）关于插件/如果他们关闭了JS但他们说他们没有对他们的浏览器做任何特别的事情。

我在下面发布整个js文件，所以你可以检查我是否做了一些可能导致问题的错误。此外，脚本在这里运行（link），您可以检查代码以查看我使用的其他jQuery内容。

$(document).ready(function() {
    //Tabbiing page is being initialised, doesn't really matter, I think
    $.ionTabs("#fppp_taby");

    //Script that checks whether user has been redirected back after submission, that's not the main problematic part yet
    if (window.location.search != 0) {
        var query = window.location.search.substring(1);
        ideo = query.split("=")[1];
        if (isNaN(ideo) || (ideo.length < 3) || (ideo.length > 10)) {
            $("form").html("Wystąpił błąd podczas wysyłania Twojego zgłoszenia. Powiadom mnie o tym poprzez prywatną wiadomość podając również obecną godzinę za pomocą <a class='uline' href='http://www.erepublik.com/pl/main/messages-compose/2417512'>tego linka</a>.");
        } else {
            $("form").html("Dziękujemy za zgłoszenie!<br /><br />Możesz teraz przeczytać któryś z artykułów epolskiej prasy - lista wartch uwagi znajduje się po lewej stronie!");
            var poZglosz = "Dziękujemy za zgłoszenie!<br />Spodziewaj się chlebków i broni od któregoś z tych graczy: Kijek93, twatwaratwa, Gregoric bądź Zawa99";
            $("#poZglos").html(poZglosz);
            $("#poZglos").removeClass();
        }
    } else {
        var query = 0;
    }

    //Some simple stuff
    $("#wlaczirc").click(function() {
        $(this).hide();
        $("#irc").html("<iframe src='http://webchat.quakenet.org/?channels=fppp&amp;uio=OT10cnVlJjExPTM0OQ1f'></iframe>");
        $("#irc").show("slow");
        $("#info_irc").show("slow");
    });

    //Some data
    infoPodkr = "Wklej tutaj prawidłowy link do twojego profilu!";
    inputLink = $("#ffpolelinku");

    //Resetting validation info in input
    $(inputLink).focus(function() {
        if ($(this).hasClass("podkresl") || $(this).val() == infoPodkr) {
            $(this).val("");
            $(this).removeClass("podkresl");
        }
    });


    //Gathering ip
    $.getJSON("http://jsonip.com/",
            function(data) {
                ip = data.ip;
            });


    //MAIN PART (executed when user pressses 'submit')
    $("form").submit(function() {

        //Form is being hidden (display:none class is being added)
        $('aside').addClass("hidden");

        //Check whether input is empty or contains error message (infoPodkr = error message vlaue), if yes, add class 'podkresl'
        if (($(inputLink).val() == "") || ($(inputLink).val() == infoPodkr)) {
            $(inputLink).addClass("podkresl");
            $(inputLink).val(infoPodkr);
        } else {
            $(inputLink).removeClass("podkresl");
        }

        //Tesing whether user added proper link, if not, 'podkresl' is added
        //if (!/\b(https?|ftp|file):\/\/[\-A-Za-z0-9+&@#\/%?=~_|!:,.;]*[\-A-Za-z0-9+&@#\/%=~_|]/.test(inputLink.val())){
        if (!/http\:\/\/www\.erepublik\.com\/[a-z]{2}\/citizen\/profile\/\d{5,}$/i.test(inputLink.val())) {
            $(inputLink).addClass("podkresl");
            $(inputLink).val(infoPodkr);
        }

        //Split link, and get the last part of it ('wycId'), check if it's numeral, if not - add 'podkresl' class
        podzielony = $(inputLink).val().split('/');
        wycId = podzielony.pop();


        if (isNaN(wycId)) {
            $(inputLink).addClass("podkresl");
            $(inputLink).val(infoPodkr);
        }

        //Check whether the input class 'podkresl' class (= something was wrong in some of the steps above). If yes, remove the 'hidden' class from 'aside' which holds the form and show it to the user. If there were no errors, add the IP to the 'wycId' and additional "-n" to the end of the value and put it into input. Then, submit form.
        if ($(inputLink).hasClass("podkresl")) {
            $('aside').removeClass();
            return false;
        } else {
            if (ip !== '') {
                $(inputLink).val(wycId + "-" + ip + "-n");
            } else {
                $(inputLink).val(wycId + "-0-n");
            }
        }

        return true;
    });
});

jQuery脚本无法为某些用户执行

0 个答案: