在客户端的下拉菜单中验证选定月份和年份中的选定日期

validate selected date in selected month and year in dropdowns in client side

本文关键字：日期 客户端 验证 下拉菜单      更新时间：2023-09-26

我正在使用我的mvc 4应用程序。这里我有"日"、"月"、"年"下拉菜单来选择出生日期。现在我想验证选定月份和年份中的选定日期(特别是2月29日、28日和所有月份)。有定义的jquery或javascript函数吗?

请帮。

function isDate(txtDate) {
    var currVal = txtDate;
    if (currVal == '')
       return false;
  //Declare Regex  
  var rxDatePattern = /^('d{1,2})('/|-)('d{1,2})('/|-)('d{4})$/;
  var dtArray = currVal.match(rxDatePattern); // is format OK?
  if (dtArray == null)
      return false;
   //Checks for dd/mm/yyyy format.
   var dtDay = dtArray[1];
   var dtMonth = dtArray[3];
   var dtYear = dtArray[5];
  if (dtMonth < 1 || dtMonth > 12)
      return false;
  else if (dtDay < 1 || dtDay > 31)
      return false;
  else if ((dtMonth == 4 || dtMonth == 6 || dtMonth == 9 || dtMonth == 11) && dtDay == 31)
      return false;
  else if (dtMonth == 2) {
      var isleap = (dtYear % 4 == 0 && (dtYear % 100 != 0 || dtYear % 400 == 0));
      if (dtDay > 29 || (dtDay == 29 && !isleap))
          return false;
  }
  return true;
}

此格式为"dd/MM/yyyy" 

<script type="text/javascript">
function checkdate(input){
var validformat=/^'d{2}'/'d{2}'/'d{4}$/ //Basic check for format validity
var returnval=false
if (!validformat.test(input.value))
alert("Invalid Date Format. Please correct and submit again.")
else{ 
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
returnval=true
}
if (returnval==false) input.select()
return returnval
}
</script>

你调用这个函数的onClick提交按钮，你必须传递日期在mm/dd/yyyy格式的这个函数。它将验证所有日期。如果你有问题，请回复我。

相关文章：