日期验证无法使用JavaScript进行

Question

I have two two date fields - from date and to date, and i need to validate 3 things

• Both the values are entered or not
• Date datatype check
• To date must be greater than from date.

But my script is not working.

can some body please check?

Thanks

 function checkBothDates(sender,args)
{
    var from = document.getElementById(sender.From);
    var to = document.getElementById(sender.To);
    var behaviorId =  sender.behavior;
    var from_value = from.value;
    var to_value = to.value; 

    if((from_value == "")&&(to_value == ""))
    {
         args.IsValid = true;
    }
    else
    {
        if((from_value != "")&&(to_value != ""))
        {                       
               if((isValidDate(from_value))&&(isValidDate(to_value)))
               {
                    if(from_value < to_value)
                    {
                         args.IsValid = false; 
                          sender.errormessage = "To date must be greater than or equal to the from date"; 
                    }
               }
               else
               {
                    args.IsValid = false;                
                    sender.errormessage = "Please enter valid dates in both the fields";
                    if(behaviorId != null)
                    {
                       openCollapsiblePanel(behaviorId);
                    }        
               }
        }
        else
        {
            args.IsValid = false;                
            sender.errormessage = "Please make sure you enter both the values";
            if(behaviorId != null)
            {
               openCollapsiblePanel(behaviorId);
            }        
        }
    }
}

function isValidDate(val)
{

        var format = 'dd/MM/yyyy'
        var regexp = /^\d{1,2}\/\d{1,2}\/\d{4}$/;                       
        if (!regexp.test(val)) 
        {
           return false;
        }
        else 
        {
           try
            {
                $.datepicker.parseDate(format,val,null);
                return true;                    
            }
            catch(Error)
            {
               return false;                    
            }
        }
}

Answer 1

There is a problem in your code aroun the 19th line. You wrote:

if(from_value < to_value) {
   args.IsValid = false; 
   sender.errormessage = "To date must be greater than or equal to the from date"; 
}

But you definitely want that from_value is smaller then to_value . Fix it!

Answer 2

Your code is pretty repetitive, you can shorten a lot of it.

Also note that the regex check is entirely unnecessary, since $.datepicker.parseDate() won't accept anything invalid anyway.

function checkBothDates(sender, args) {
  var from = parseDate( $(sender.From).val() ),
      to   = parseDate( $(sender.To).val() );

  args.IsValid = false;

  if (from == "" && to == "" || from && to && from <= to) {
    args.IsValid = true;
  } else if (from == null || to == null) {
    sender.errormessage = "Please enter valid dates in both the fields";
  } else if (from > to) {
    sender.errormessage = "To date must be greater than or equal to the from date";
  } else {
    sender.errormessage = "Please make sure you enter both the values";
  }
  if (!args.IsValid && sender.behavior) {
    openCollapsiblePanel(sender.behavior);
  }
}

function parseDate(val) {
  if (val == "") return "";
  try {
    return $.datepicker.parseDate('dd/MM/yyyy', val);
  } catch (ex) {
    return null;
  }
}