在页面控制台中输入功能

时间:2018-08-11 09:56:48

标签: javascript console bookmarklet

我既不是软件工程师,也不是网页设计师。我对网站有一些要求。我在网上阅读了将近40天,并学到了很少的JavaScript概念。我以前没有任何编程语言的知识。在阅读的同时,经过一些努力,我也了解了小书签,因为我的需求代码如下:-

javascript: (function() {
    function isNumberKey(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
        return true;
    }
    $("label:contains('Dispatch Bags')").parent().next().find('input').keypress(isNumberKey);
    $("label:contains('Truck No')").parent().next().find('input').attr({
            maxlength: "10",
            Autocomplete: "off",
            list: "KASHIPUR",
            Placeholder: "TRUCK NUMBER",
            style: "text-transform: uppercase",
            onblur: "CheckListed(this.value)"
        }).after('<Datalist ID=KASHIPUR>  <
            Option Value = "XYZ" >
            <
            Option Value = "ABC" >
            ');})();
            if ($("label:contains('Meterial Code')").parent().next().find('input').val().substr(8, 2) == "66") {
                $("span:contains(Dispatch Details)").text("Dispatch Details - This order is  in ROORKEE PLANT ").css({ 'font-weight': 'bold','color': 'black' , 'text- 
                    align ':'
                    center '});} else if($( "label:contains('
                    Meterial Code ')" 
                ).parent().next().find('input').val().substr(8, 2) == "16") {
                $("span:contains(Dispatch Details)").text("Dispatch Details - This order is  in ALIGARH PLANT ").css({ 'font-weight': 'bold','color': 'black' , 'text- 
                    align ':'
                    center '});} else if($( "label:contains('
                    Meterial Code ')" 
                ).parent().next().find('input').val().substr(8, 2) == "11") {
                $("span:contains(Dispatch Details)").text("Dispatch Details - This order is  in VIKRAM PLANT ").css({ 'font-weight': 'bold','color': 'black' , 'text- 
                    align ':'
                    center '});} else if($( "label:contains('
                    Meterial Code ')" 
                ).parent().next().find('input').val().substr(8, 2) == "10") {
                $("span:contains(Dispatch Details)").text("Dispatch Details - This order is  in ADITYA PLANT ").css({ 'font-weight': 'bold','color': 'black' , 'text- 
                    align ':'
                    center '});} else if($( "label:contains('
                    Meterial Code ')" 
                ).parent().next().find('input').val().substr(8, 2) == "14") {
                $("span:contains(Dispatch Details)").text("Dispatch Details - This order is  in DADRI PLANT ").css({ 'font-weight': 'bold','color': 'black' , 'text- 
                        align ':'
                        center '});};
                        $(".sapMInputBaseDisabled").css({
                            opacity: 0.99
                        }); $('.DCA-FormField 
                            input: not(.sapMComboBoxInner), .sapMInputBaseInner, .sapMComboBox ' 
                        ).each(function() {
                            this.style.setProperty('font-size', '20px',
                                'important');
                        }); $('.sapMLabel,').each(function() {
                            this.style.setProperty('font-size', '14px', 'important');
                            $(".sapMLabel").css("color", "#000000");
                        });

制作上面的代码花了将近25天,StackOverflow用户的问题和答案对我的理解很有帮助

上面的代码满足了我所有的要求,除了一个

我想验证在上面的代码中定义数据列表的输入框中输入的数据。

我的验证脚本如下:

function CheckListed(txtSearch) {
    var objList =
        document.getElementById("KASHIPUR");
    for (var i = 0; i < objList.options.length; i++) {
        if (objList.options[i].value.trim().toUpperCase() ==
            txtSearch.trim().toUpperCase()) {
            return true
        }
    }
    alert('Please Insert a Valid TRUCK NUMBER.');
    return
    false;
};

问题是当我通过在页面上添加脚本来按书签添加此代码时。它不起作用。

显示错误:

  

未捕获的ReferenceError:未定义CheckListed

at HTMLInputElement.onblur)

,如果我将代码粘贴到控制台,则可以正常工作 我尝试console.log()在用户味精中显示相同的内容,但不起作用

我被困住了

请帮助专家

对不起,我的英语不好

0 个答案:

没有答案