首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >仅文本框使用javascript进行日期验证

仅文本框使用javascript进行日期验证
EN

Stack Overflow用户
提问于 2019-11-12 16:37:31
回答 2查看 2.4K关注 0票数 0

我试着验证文本框只允许日期格式我输入文本或文本有数字或任何其他没有日期格式我想显示错误信息如‘请输入mm/dd/yyyy format.If’.文本框应该只允许这个mm/dd/yyyy format.How使用javascript或jquery执行此操作

代码语言:javascript
复制
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/

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-11-12 17:52:22

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

代码语言: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!")
  }
}
代码语言:javascript
复制
<input type="text" id="date" name="date" placeholder="dd/mm/yyyy" />
<button onclick="checkdate()">Check</button>

票数 1
EN

Stack Overflow用户

发布于 2019-11-12 16:42:41

试试看

代码语言:javascript
复制
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");
         
         }
    
}
代码语言:javascript
复制
<input type="text" id="date" name="date" value="dd/mm/yyyy" />
<button onclick="isDate();">Check</button>

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58814835

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档