我既不是软件工程师,也不是网页设计师。我对网站有一些要求。我在网上阅读了将近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()
在用户味精中显示相同的内容,但不起作用
我被困住了
请帮助专家
对不起,我的英语不好