只有在輸入格式正確的情況下才能保存輸入數據

-2

目前我有兩個輸入字段。一個用於日期，另一個用於時間。我想要做的是防止保存這些字段的默認值，因爲現在我能夠實際保存佔位符值，並且我希望只能在日期或小時內保存某些內容。只有在輸入格式正確的情況下才能保存輸入數據

這裏是我的html：

<div class="form-group"> 
     <label class="control-label col-sm-2" for="date" ">Date:</label> 
     <div class="col-sm-2"> 
      <input type="date" class="form-control"> 
     </div> 
     </div> 

    <div class="form-group"> 
     <label class="control-label col-sm-2" for="text">Hour:</label> 
     <div class="col-sm-2"> 
      <select class="form-control" id="time"> 
      <option value="Time" class="">Time</option> 
         <option value="10am" class="">10:00-10:30</option> 
         <option value="1030am" class="">10:30-11:00</option> 
         <option value="11am" class="">11:00-11:30</option> 
         </select> 
     </div> 
     </div>

請幫助！

來源

2016-11-11 Robert Ross

_prevent保存這些fields_的默認值是什麼意思？ ...以上代碼都不顯示任何默認值 – LGSon

對於日期，只需使用類似這樣的東西<input type="date"/>這是一個用於日期的輸入。目前，只需使用<input type="time"/>你猜對了;這是一個意味着時代的投入。

要測試您的日期是有效的，你可以使用

if (Object.prototype.toString.call(d) === "[object Date]")

我不是正則表達式如此精明，但有一個功能here的標題下，4.模塊化檢查時間（）功能似乎使用一個進行時間驗證。

你可以做你的JS需要的任何格式，但是這將確保你得到一個有效的日期和時間。

來源

2016-11-11 19:43:06 Sam07

驗證日期：不是默認值undefined？如果是這樣，如果使用javascript未定義提交的值，則拒絕日期。更多信息here。

驗證時間：你想弄清楚，如果他們選擇的日期，如果時間由兩個半小時？這是我的理解。首先，讓他們挑一個以上的時間：

<select class="form-control" id="time" multiple>

其次，使用JavaScript來解析進入存在的價值和檢查，只有兩個和之後的一切「 - 」的一個日期與另一個日期的' - '相匹配。例如：

正確：

10：00- 10:30 和 10:30 -11：00

不正確：

10：00- 10:30 和11:00 -11：30

來源

2016-11-11 20:10:27 erine

只有在輸入格式正確的情況下才能保存輸入數據

回答

相關問題