jqgrid jqgrid庫腳本b中的驗證例程錯誤（「：input：visible」，a.w）[0]未定義

Question

我正在使用自定義函數來驗證我的jqgrid。用戶希望輸入格式爲Hour:Minute（例如，7：30,8：00）的工作時間。每當工作日超過20小時和1分鐘時，驗證規則需要返回false。驗證函數的工作原理是標記錯誤，但螢火蟲顯示第二個錯誤：b(":input:visible", a.w)[0] is undefined, and points to line 379 in the library (version 4.1.2)。

幫助表示讚賞！

這裏的電網和自定義的驗證：

WorkSchedule.prototype.init = function() { 
    var self = this; 
    self.jqgridParms = { 
     datatype: "local", 
     height: 'auto', 
     width: 700, 
     colNames: ["Week", "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Total"], 
     colModel: [// very much dummy stuff here. 
        {name: "Week", index: "Week", width: 50, editable: false }, 
        { name: "Sun", index: "Sun", width: 85, editable: true, edittype: "text", editoptions: { size: 20, maxlength: 30, 
         dataInit: function(elem) { 
          $(elem).mask("99:99"); 
         } 
        }, align: "center", formatter: timeEntryFormat, editrules: { custom: true, custom_func: validHourEntry } 
        }, 
        { name: "Mon", index: "Mon", width: 85, editable: true, edittype: "text", editoptions: { size: 20, maxlength: 30, 
         dataInit: function(elem) { 
          $(elem).mask("99:99"); 
         } 
        }, align: "center", formatter: timeEntryFormat, editrules: { custom: true, custom_func: validHourEntry } 
        }, 
        { name: "Tues", index: "Tues", width: 85, editable: true, edittype: "text", editoptions: { size: 20, maxlength: 30, 
         dataInit: function(elem) { 
          $(elem).mask("99:99"); 
         } 
        }, 
         align: "center", formatter: timeEntryFormat, editrules: { custom: true, custom_func: validHourEntry } 
        }, 
        { name: "Wed", index: "Wed", width: 85, editable: true, edittype: "text", editoptions: { size: 20, maxlength: 30, 
         dataInit: function(elem) { 
          $(elem).mask("99:99"); 
         } 
        }, 
         align: "center", formatter: timeEntryFormat, editrules: { custom: true, custom_func: validHourEntry } 
        }, 
        { name: "Thurs", index: "Thurs", width: 85, editable: true, edittype: "text", editoptions: { size: 20, maxlength: 30, 
         dataInit: function(elem) { 
          $(elem).mask("99:99"); 
         } 
        }, 
         align: "center", formatter: timeEntryFormat, editrules: { custom: true, custom_func: validHourEntry } 
        }, 
        { name: "Fri", index: "Fri", width: 85, editable: true, edittype: "text", editoptions: { size: 20, maxlength: 30, 
         dataInit: function(elem) { 
          $(elem).mask("99:99"); 
         } 
        }, 
         align: "center", formatter: timeEntryFormat, editrules: { custom: true, custom_func: validHourEntry } 
        }, 
        { name: "Sat", index: "Sat", width: 85, editable: true, edittype: "text", editoptions: { size: 20, maxlength: 30, 
         dataInit: function(elem) { 
          $(elem).mask("99:99"); 
         } 
        }, 
         align: "center", formatter: timeEntryFormat, editrules: { custom: true, custom_func: validHourEntry } 
        }, 
        { name: "WeekTotal", index: "WeekTotal", width: 55, editable: true, align: "center" } 
        ], 
     multiselect: false, 
     caption: "Manage Work Schedule", 
     rowNum: 10, 
     cellEdit: true, 
     gridComplete: function() { 
      calculateTotal(); 
     }, 
     beforeSaveCell: function(rowid, cellname, value, iRow, iCol) { 
      formatFromMask(rowid, cellname, value, iRow, iCol); 
     }, 
     afterSaveCell: function() { 
      calculateTotal(); 
     }, 
     cellsubmit: "clientArray" 
    } 
} 




function validHourEntry(value, colname) { 
    var editSuccess = true; 

    var errorMsg = ""; 

    if (typeof value === "undefined") { 
     editSuccess = false; 
     errorMsg = colname + " entry is required"; 
    } 
    else if (value.length == 0) { 
     editSuccess = false; 
     errorMsg = colname + " entry is required"; 
    } 

    else { 
    value = value.replace(/_/g, "0"); 
     var hourMinSplit = value.lastIndexOf(":"); 
     var hours = value.substring(0, hourMinSplit); 
     var mins = value.substring(hourMinSplit + 1, value.length); 
     if (isNaN(hours)) { 
      editSuccess = false; 
      errorMsg = "The value for hours must be numeric"; 
     } 
     else if (isNaN(mins)) { 
      editSuccess = false; 
      errorMsg = "The value for minutes must be numeric"; 
     } 
     else if (Number(hours) * 60 + Number(mins) > 1200) { 
      editSuccess = false; 
      errorMsg = "Work day entry must not exceed 20 hours and 00 minutes"; 
     } 
    } 
    return [editSuccess, errorMsg]; 
} 

function createWorkScheduleData(rowID) { 

    if (rowID == 0) { 
     return [ //goofy dummy data so I can test. 
       {Week: "Week 1", Sun: "00:00", Mon: "00:00", Tues: "00:00", Wed: "00:00", Thurs: "00:00", Fri: "00:00", Sat: "00:00" }, 
       { Week: "Week 2", Sun: "00:00", Mon: "00:00", Tues: "00:00", Wed: "00:00", Thurs: "00:00", Fri: "00:00", Sat: "00:00"}]; 
    } 
    else if (rowID == 1) { 
     return [{ Week: "Week 1", Sun: "00:00", Mon: "08:00", Tues: "08:00", Wed: "08:00", Thurs: "08:00", Fri: "08:00", Sat: "00:00" }, 
    { 
     Week: "Week 2", Sun: "00:00", Mon: "08:00", Tues: "08:00", Wed: "08:00", Thurs: "08:00", Fri: "08:00", Sat: "00:00" 
    } 
    ]; 
    } 
    else if (rowID == 2) { 
     return [{ Week: "Week 1", Sun: "00:00", Mon: "04:00", Tues: "04:00", Wed: "04:00", Thurs: "04:00", Fri: "04:00", Sat: "00:00" }, 
    { 
     Week: "Week 2", Sun: "00:00", Mon: "04:00", Tues: "04:00", Wed: "04:00", Thurs: "04:00", Fri: "04:00", Sat: "00:00" 
    } 
    ]; 
    } 
    else if (rowID == 3) { 
     return [{ Week: "Week 1", Sun: "00:00", Mon: "07:30", Tues: "07:30", Wed: "07:30", Thurs: "07:30", Fri: "07:30", Sat: "00:00" }, 
    { 
     Week: "Week 2", Sun: "00:00", Mon: "07:30", Tues: "07:30", Wed: "07:30", Thurs: "07:30", Fri: "07:30", Sat: "00:00" 
    } 
    ]; 
    } 
} 

Answer 1

這原來是Firebug的一個問題，而不是與jqGrid的。我發佈這個以防其他人得到相同的行爲。我關閉了Firebug，我的驗證按預期工作。它也適用於Chrome和IE，沒有任何javascript錯誤。懊惱我在發佈問題之前沒有考慮嘗試它，但開心並不是一個真正的問題。