首頁 > web前端 > js教程 > 為什麼 JavaScript 日期驗證程式碼無法正確驗證「mm/dd/yyyy」格式?

為什麼 JavaScript 日期驗證程式碼無法正確驗證「mm/dd/yyyy」格式?

DDD
發布: 2024-10-30 09:24:02
原創
390 人瀏覽過

Why does the JavaScript date validation code fail to validate the

在JavaScript 中驗證日期格式「mm/dd/yyyy」

挑戰:

您尋求驗證格式日期輸入字串為“mm/dd/yyyy”。但是,您嘗試的現有程式碼片段未能有效執行此任務。

問題:

所提供的日期驗證程式碼中的潛在問題可能是什麼?

說明:

給定的程式碼旨在驗證遵循「mm/dd/yyyy」格式的日期字串。但是,程式碼中可能存在一些錯誤或不一致,導致其無法正常運作。讓我們檢查程式碼並識別潛在問題:

<code class="js">function isDate(ExpiryDate) {
  var objDate, // date object initialized from the ExpiryDate string
    mSeconds, // ExpiryDate in milliseconds
    day, // day
    month, // month
    year; // year
  // date length should be 10 characters (no more no less)
  if (ExpiryDate.length !== 10) {
    return false;
  }
  // third and sixth character should be '/'
  if (ExpiryDate.substring(2, 3) !== '/' || ExpiryDate.substring(5, 6) !== '/') {
    return false;
  }
  // extract month, day and year from the ExpiryDate (expected format is mm/dd/yyyy)
  // subtraction will cast variables to integer implicitly (needed
  // for !== comparing)
  month = ExpiryDate.substring(0, 2) - 1; // because months in JS start from 0
  day = ExpiryDate.substring(3, 5) - 0;
  year = ExpiryDate.substring(6, 10) - 0;
  // test year range
  if (year < 1000 || year > 3000) {
    return false;
  }
  // convert ExpiryDate to milliseconds
  mSeconds = new Date(year, month, day).getTime();
  // initialize Date() object from calculated milliseconds
  objDate = new Date();
  objDate.setTime(mSeconds);
  // compare input date and parts from Date() object
  // if difference exists then date isn't valid
  if (
    objDate.getFullYear() !== year ||
    objDate.getMonth() !== month ||
    objDate.getDate() !== day
  ) {
    return false;
  }
  // otherwise return true
  return true;
}</code>
登入後複製

此程式碼的一個可能問題是嘗試將月份提取為 Month = ExpiryDate.substring(0, 2) - 1。這會從月份中減去 1值,可能會導致無效的月份數字。要修正此問題,您應該將月份提取為 Month = parseInt(ExpiryDate.substring(0, 2), 10) - 1。

另一個潛在問題在於處理年份。代碼檢查年份是否在 1000 到 3000 的範圍內,但沒有考慮 2 位數年份的可能性(例如“19”或“20”)。為了同時容納 2 位和 4 位年份,您可以修改年份提取和驗證邏輯,如下所示:

<code class="js">// extract year
if (ExpiryDate.substring(6, 7) === '/') {
  year = parseInt(ExpiryDate.substring(6, 8), 10); // 2-digit year
} else {
  year = parseInt(ExpiryDate.substring(6, 10), 10); // 4-digit year
}
// test year range
if (year < 1000 || year > 2999) {
  return false;
}</code>
登入後複製

此外,代碼當前假設“mm/dd/yyyy”格式為嚴格遵守。如果您想要更寬鬆並允許靈活的日期字串格式(例如,允許斜線以外的分隔字元),則需要相應地修改程式碼。

以上是為什麼 JavaScript 日期驗證程式碼無法正確驗證「mm/dd/yyyy」格式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板