2017-04-25 101 views
-1
<div class="col-sm-5"> 
    <script type="text/javascript"> 
     function validateDate(){ 
      var selectedDate = $('#form-control datepicker').datepicker('getDate'); 
      var now = new Date(); 
      now.setHours(0,0,0,0); 
      if (selectedDate < now) { 
       // selected date is in the past 
      } 
     } 
    </script> 
    <input type="text" name="birth_date" class="form-control datepicker" id="field-1" onsubmit="validateDate()"> 
</div> 

不驗證使用此javascript的輸入日期。 想要插入小於當前日期的日期。檢查出生日期是否小於系統的當前日期?

+2

我會建議整理您的代碼,然後使用問題編輯器的代碼塊功能來確保您的內容正確顯示。另外「不驗證」不是一個很好的問題描述。查看[問],[幫助]和[mcve]。 – CollinD

+0

一個輸入沒有onsubmit事件 – charlietfl

回答

0

input元素沒有submit事件; form s做。假設你希望你的代碼運行,當用戶按下回車鍵時,您需要:

  • 包裹inputform元素,並使用formonSubmit屬性
  • 返回從當驗證了您的處理程序錯誤失敗

JavaScript code to stop form submission

1

如果我正確地讀你的問題,你想的JavaScript來防止表單提交時selectedDate小於now。爲了傳遞這個信息,你需要return false;在你的JavaScript:

<script type="text/javascript"> 
function validateDate(){ 
    var selectedDate = $('#form-control datepicker').datepicker('getDate'); 
    var now = new Date(); 
    now.setHours(0,0,0,0); 
    if (selectedDate < now) { 
    // selected date is in the past 
    return false; 
    } 
} 
</script> 

爲了得到這個JavaScript函數打開,你需要一個<form>與JavaScript函數的onsubmitreturn S中的價值,以及作爲一種提交表格:

<form onsubmit="return validateDate();"> 
<input type="text" name="birth_date" class="form-control datepicker" id="field-1"> 
<input type="submit"> 
</form> 
+0

需要更改javascript上的id然後才能正常工作。 我希望能夠選擇對應從1歲到100歲(1世紀)的出生日期,即輸入必須小於系統的當前日期,因此可以選擇不少於1個世紀。 你能幫我解決這個問題嗎? :(

  • 11. 選擇日期是小於或等於當前日期
  • 12. 驗證日期已過期與當前系統日期
  • 13. 當前SQL檢查日期
  • 14. 驗證出生日期不應大於當前日期
  • 15. 檢查日期驗證的日期格式大於當前日期以及js
  • 16. 查找當前日期是否是同一個日期
  • 17. 如何檢查當前系統的日期格式?
  • 18. 比較系統日期和重新安排的當前日期
  • 19. java.util.Date是否表示日期是否爲系統日期?
  • 20. Javascript:如何檢查時間戳是否屬於當前日期?
  • 21. 如何檢查日期陣列是否屬於當前周
  • 22. 檢查當前日期是否已到期
  • 23. 查找當前日期是否爲替代日期
  • 24. 如何檢查日期是否大於今天的日期Laravel5
  • 25. 檢查日期是否在某個日期之前PHP laravel
  • 26. SQL GetDate()顯示當前日期或系統日期?
  • 27. PHP代碼只得到當前日期(系統日期)
  • 28. C++ - 與當前系統日期比較日期
  • 29. 獲取當前系統日期時間
  • 30. 當前系統日期和時間