1 <!DOCTYPE html>

 2 <html>

 3 <head>

 4     <meta charset="utf-8"/>

 5     <title>h5compareDate</title>

 6 </head>

 7 <body>

 8     <form name="form1" action="compareDate.html" method="post" onSubmit="return compareDoubleDate()">

 9         <input type="text" name="date1">

10         <input type="text" name="date2"><br>

11         <input type="submit" value="提交">

12     </form>

13 </body>

14 <script type="text/javascript">

15     function compareDoubleDate(){

16         var d1 = document.forms["form1"]["date1"].value;

17         var d2 = document.forms["form1"]["date2"].value;

18         //alert(d1);

19         //alert(d2);

20         if (d1 == null || d1 == ""){

21             alert("日期必填");

22             return false;

23         }

24         if (d2 == null || d2 == ""){

25             alert("日期必填");

26             return false;

27         }

28

29         if (!verifyDate(d1)){

30             alert("日期1格式不对");

31             return false;

32         }

33         if (!verifyDate(d2)){

34             alert("日期2格式不对");

35             return false;

36         }

37

38         if (!checkDate(d1)){

39             alert("日期1不合法");

40             return false;

41         }

42         if (!checkDate(d2)){

43             alert("日期2不合法");

44             return false;

45         }

46

47         return compareDate(d1, d2);

48

49     }

50     <!-- 先验证格式是否正确-->

51     function verifyDate(date){

52         var regExp = /^\d{4}-0?[1-9]|1[0-2]-0?[0-9]|[1-2]\d|3[0-1]$/;//js正则表达式，千万不要加引号

53         return regExp.test(date);

54     }

55

56     <!-- 日期是否合法，格式正确后，关键要看瑞年2不能超过29天，平年二月不能超过28天，小月不能超过30天，-->

57     function checkDate(date){

58         var arrDate1 = date.split("-");

59         var year = Number(arrDate1[0]);

60         var month = Number(arrDate1[1]);

61         var day = Number(arrDate1[2]);

62         //document.write(year);

63         if (month == 4 || month == 6 || month == 9 || month == 11){

64             if (day > 30){

65                 alert("日期不合法，");

66                 return false;

67             }

68         }

69         if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0 ){

70             if (month == 2 && day > 29){

71                 alert("日期不合法，瑞年2月最大29天");

72                 return false;

73             }

74

75         }else{

76             if (month == 2 && day > 28){

77                 alert("日期不合法，平年2月最大28天");

78                 return false;

79             }

80         }

81         return true;

82     }

83

84     function compareDate(d1, d2){

85         var arrDate1 = d1.split("-");

86         var date1 = new Date(arrDate1[0], arrDate1[1], arrDate1[2]);

87         var arrDate2 = d2.split("-");

88         var date2 = new Date(arrDate2[0], arrDate2[1], arrDate2[2]);

89         if (date1 > date2){

90             alert("前一个日期应不大于后一个日期");

91             return false;

92         }

93         return true;

94     }

95 </script>

js 日期格式、内容合法、比较大小、表单提交验证的更多相关文章

  1. amazeUI表单提交验证--input框required

    效果: html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...

  2. aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)

    这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲     上面是效果,下面来说使用步骤 jQuery.Valid ...

  3. 原生JS 表单提交验证器

    转载:http://www.cnblogs.com/sicd/p/4613628.html 一.前言 最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过“缜密”的讨论后,我们决定 不用外部 ...

  4. CodeIgniter典型的表单提交验证代码

    view内容: <?php echo form_open('user/reg'); ?> <h5>用户名</h5> <input type="tex ...

  5. Angualr6表单提交验证并跳转

    在Angular6中,使用NG-ZRROR作为前端开发框架,在进行表单开发时遇到了一些问题,最后解决了,在此记录. 1.表单构造: 引入forms: import { FormGroup, FormB ...

  6. js 记一次带时间的表单提交报400错误

    写一个功能的时候,表单里不填时间提交的时候,数据就正常传到后台了,一填上时间就报400错误,看了后台时间的处理也没问题,看了前端时间控件返回的格式也对,但是就是一直报错, 把提交的数据打印出来也没发现 ...

  7. destoon 信息发布表单提交验证

    sell 模块的form表单如下: <form method="post" id="dform" action="?" target= ...

  8. easyui表单提交验证form

    方式一,不需要考虑jquery.easyui.min.js版本 <script> $(function () { //针对 设置 novalidate:true $('.validateb ...

  9. PHP表单提交验证各种方式

    <!DOCTYPE unspecified PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www. ...

随机推荐

  1. python中的画笔控制函数

    蟒蛇绘制代码中的画笔控制函数 penup() ,pendown() ,pensize() , pencolor()函数 这里就将海龟想象成画笔 画笔控制函数,画笔操作后一直有效,一般成对出现 将画笔抬 ...

  2. SpringMVC初始化阶段流程源码分析

    1.都知道SpringMVC项目启动的时候都会初始化一个类:DispatcherServlet,看这个类的源码我们可以发现他其实就是一个servlet, 为什么这么说呢?请看: DispatcherS ...

  3. 虚拟机堆（Heap）的基础知识

    概述 一个进程对应一个JVM实例,一个运行时数据区,又包含多个线程,这些线程共享了方法区和堆,每个线程包含了程序计数器.本地方法栈和虚拟机栈 一个JVM实例只存在一个堆内存,堆也是Java内存管理的核 ...

  4. Hibernate4.3基础知识2

    一.数据库的隔离级别   脏读 不可重复读 幻读 Read uncommited Y Y Y Read commited N Y Y Repeatable read N N Y Serializabl ...

  5. 多线程循环打印数组 -- Java笔记

    问题描述: 现有多个长度相同的数组,现要求使用多线程将数组内的数交替打印. 如: int[] ai = {1,2,3,4,5,6,7}; String[] ac = {"A",&q ...

  6. 040 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 02 while循环的执行流程

    040 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 02 while循环的执行流程 本文知识点:while循环的执行流程 三种循环结构中的第一种--wh ...

  7. Win10桌面不见了只显示开始菜单该怎么办？

    来源:http://www.w10zj.com/Win10xy/Win10xf_4256.html 在Win10系统中,有用户反应桌面不见了,只显示开始菜单的情况,该怎么办呢?出现这样的情况一般由于桌 ...

  8. Ubuntu通过iptables防止ssh暴力破解

    步骤 安装iptables-persistent用于保存iptables规则 配置iptables规则 实时更新iptables规则以拦截IP访问 安装iptables-persistent sudo ...

  9. SQL数据库删除和还原的时候提示 被占用 记录一下

    设置离线 1)ALTER DATABASE [datebase] SET OFFLINE WITH ROLLBACK IMMEDIATE设置在线 2)ALTER DATABASE [datebase] ...

  10. A4988两相四线步进电机驱动模块使用经验

    1.A4988模块可以驱动两相四线步进电机,模块引脚及接线图如下: 2.步进电机引线如下: 3.引脚: ENABLE:低电平有效,用于打开和关闭场效应管的输出: RESET:低电平有效,芯片复位: S ...