仅使用 javascript 的文本框日期验证

Question

厌倦了验证文本框只允许日期格式。如果我输入文本或带有数字的文本或任何其他没有日期格式的内容，我想显示错误消息，例如“请输入 mm/dd/yyyy 格式”。文本框应该只允许这个 mm/dd /yyyy 格式。如何使用 javascript 或 jquery 来实现

function isDate() {

     var txt = document.getElementById("date").value; 
     var regEx = /^\d{4}-\d{2}-\d{2}$/;

     if(txt.match(regEx)){

     alert("Please enter date format mm/dd/yyyy");

     }else{

      alert("Thanks..You have entered correct date");

     }

   }

演示：http://jsfiddle.net/nrt76dsq/1/

Answer 1

这行得通！基本的 Javascript 验证！

function checkdate() {
  var input = document.getElementById("date");
  var validformat = /^\d{2}\/\d{2}\/\d{4}$/ //Basic check for format validity
  if (!validformat.test(input.value))
    alert("Invalid Date Format. Please correct and submit again.")
  else { //Detailed check for valid date ranges
    var monthfield = input.value.split("/")[0]
    var dayfield = input.value.split("/")[1]
    var yearfield = input.value.split("/")[2]
    var dayobj = new Date(yearfield, monthfield - 1, dayfield)
    if ((dayobj.getMonth() + 1 != monthfield) || (dayobj.getDate() != dayfield) || (dayobj.getFullYear() != yearfield))
      alert("Invalid Day, Month, or Year range detected. Please correct and submit again.")
    else
      alert("You have entered the valid date format!")
  }
}

<input type="text" id="date" name="date" placeholder="dd/mm/yyyy" />
<button onclick="checkdate()">Check</button>

Answer 2

试试看

function isDate() {
     
         var txt = document.getElementById("date").value; 
         var regEx = /^\d{2}\/\d{2}\/\d{4}$/;
  
         if(!regEx.test(txt)){
         
         alert("Please enter date format mm/dd/yyyy");
         
         }else{
         
          alert("Thanks..You have entered correct date");
         
         }
    
}

<input type="text" id="date" name="date" value="dd/mm/yyyy" />
<button onclick="isDate();">Check</button>