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. 接口、RESTful规范、DRF

    接口 #接口:url连接,通过向链接发送不同的类型请求与参数得到相应的响应数据 #1.在视图书写处理请求的 视图函数 #2.在路由层为视图函数配置 url链接=>产生接口 #3.前台通过ajax ...

  2. OOD 面向对象面试干货分享| 面向对象设计的SOLID原则

    S.O.L.I.D是面向对象设计和编程(OOD&OOP)中几个重要编码原则(Programming Priciple)的首字母缩写. 简写 全拼 中文翻译 SRP The Single Res ...

  3. Docker：四、Docker进阶 Windows Docker IIS 部署

    前面的三篇docker 文档大家看的肯定不过瘾,自己可能也已经上手一试了...不知道有没有发现问题... 哈哈... 我来说说我遇到的问题哦 一.windows docker 镜像越来越大 默认的do ...

  4. modelviewset settings 配置

    # 过滤器 # 1,安装 django-filter # 2,注册应用 # 3,配置settings, 在view里配置可过滤的字段 # 4,使用 查询字符串携带过滤信息 REST_FRAMEWORK ...

  5. 迪杰斯特拉和spfa

    迪杰斯特拉 Dijkstra算法是典型的算法.Dijkstra算法是很有代表性的算法.Dijkstra一般的表述通常有两种方式,一种用永久和临时标号方式,一种是用OPEN, CLOSE表的方式,这里均 ...

  6. TCP/IP 邮件

    原文:TCP/IP 邮件 第一节:TCP/IP 简介 第二节:TCP/IP 寻址 第三节:TCP/IP 协议 第四节:TCP/IP 邮件 电子邮件是 TCP/IP 最重要的应用之一. 你不会用到... ...

  7. Eclipse 设置Tab键为4个空格

    参考:java编程规范之eclipse设置tab键为四个空格 Eclipse版本 1.点击菜单Window > Preference 2.在Preferences窗口中,展开General &g ...

  8. USB口，串口，以太网口简介

    USB口 一.什么是USB? USB是英文Universal Serial Bus的缩写,中文含义是"通用串行总线".它是一种应用在PC领域的新型接口技术.早在1995年,就已经有 ...

  9. P1527 [国家集训队]矩阵乘法（整体二分）

    Link 整体二分的经典例题. 对于整体二分,我个人的理解是二分答案套分治. 具体来说就是对答案进行二分,然后对于询问进行类似于权值线段树求区间第 \(k\) 大的分治做法. 首先,我们暴力做法就是对 ...

  10. 【题解】[NOI2011]阿狸的打字机

    阿狸的打字机 \(\text{Solution:}\) 首先观察三种操作:一种是插入一个字符,一种是退回上一步(回到父亲节点). 所以,我们可以对操作串进行模拟,并处理出每一个串在树上的位置. 接下来 ...