<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> window.οnlοad=function () { //这么写是为了实现js代码瑜html代码的分离,当我修改js时,不能影响html代码。 document.getElementById("frm1").οnsubmit= function () { var d1=this.d1.value; var d2=this.d2.value; alert(d1); alert(d2); if(!verifyDate(d1)){ alert("第一个日期格式不对");return false; } if(!verifyDate(d2)){ alert("第二个日期格式不对");return false; } if(!compareDate(d1,d2)){ alert("第二个日期比第一日期小");return false; } }; } function compareDate(d1,d2) { var arrayD1=d1.split("-"); var date1=new Date(arrayD1[0],arrayD1[1],arrayD1[2]); var arrayD2=d2.split("-"); var date2=new Date(arrayD2[0],arrayD2(1),arrayD2(2)); if(date1>date2) return false; return true; } function verifyDate(d) { var datePattern =/^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/; alert(datePattern.test(d)); return datePattern.test(d); } </script> <form id="frm1" action="index.html"> <input type="text" name="d1"> <input type="text" name="d2"> <input type="submit"> </form> </body> </html>