js 日期格式、内容合法、比较大小、表单提交验证

 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>

原文地址:https://www.cnblogs.com/hblthink/p/8538592.html

时间: 2024-11-06 22:12:31

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

jQuery表单提交验证

<!DOCTYPE html><html> <head> <title>表单提交验证功能</title> <meta charset="utf-8"/> <script src="scripts/jquery-1.11.3.js"></script> </head> <body> <fieldset> <legend>用户注

表单提交验证--input框required

效果: html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>表单提交验证</t

原生JS 表单提交验证器

一.前言 最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过“缜密”的讨论后,我们决定 不用外部流行的框架,如bootstrap,由于我负责的模块 仅仅是其中的一部分,因此少数服从多数,无奈只能抛弃bootstrap等提供的布局,样式以及验证等一些列如此方便的组件,(他们拒绝使用的原因也令人发省). 那么问题就来了. 二.设计理念 我们都知道,在抛开外部框架,仅仅用JS+css+html 去开发一个页面,是很复杂的,尤其是在没有美工,前台的情况下.其实bootstrap 在一定程度上

(基于织梦)表单提交验证

HTML页面内部写js代码,通过正则表达式验证: <!--表单正则表达式验证--><script>//创建验证函数check function check() { //获取表单中id为name的元素的value值 name=document.getElementById("name").value; //判断获取到的value值为空的时候,输出提示"请输入姓名",返回 if(name=="") { alert("

angularjs中form表单提交验证

angular.module("MyApp",["ngMessages"]): <form name="formMyName" ng-submit="$ctrl.changePassword(formMyName)" ng-cloak novalidate> <--输入新密码--> <md-input-container md-no-float> <input name="n

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

view内容: <?php echo form_open('user/reg'); ?> <h5>用户名</h5> <input type="text" name="username" value="<?php echo $this->validation->username;?>" size="50" /> <span id="error

表单提交验证方法

第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 <script type="text/javascript">      function validate(obj) {         if (confirm("提交表单?")) {            alert(obj.value); return true;         } else {            alert(obj.value); retu

destoon 信息发布表单提交验证

sell 模块的form表单如下: <form method="post" id="dform" action="?" target="send" onsubmit="return check();"> <tr> <td class="tl"><span class="f_red">*</span> 行业分类

表单提交验证提交数据代码

1 <script src="jquery.js"></script> 2 <script> //函数正则验证空字符和 空白键(半/圆角) 3 function isNull(str){ 4 if ( str == "" ) return true; 5 var regu = "^[ | ]+$"; 6 var re = new RegExp(regu); 7 return re.test(str); 8 }