如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21 必须要保证用户的输入是此格式，并且是时间，比如说月份不大于12等等，另外我需要用户输入两个，并且后一个要比前一个晚，只允许用JAVASCRIPT，请详细帮助作答，

提示：可用正则表达式提前判断一下格式，然后提取各时间字段内容

完成方法：

首先要在Eclipse中配置apache的tomcat服务器，能够测试网页内容

再Eclipse中创建 dynamic web project项目

项目中创建一个html文件index.html

其中实现日期格式的判定，使用的是正则表达式 /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/

/ ... / 表示js中的字符串开始，相当于java中的 “”

^ 表示正则开始 以\d{4}开始 表示以4个数字开头

- 表示其本身 -

(0?[1-9]|1[0-2])  0?表示有0个或1个0      [1-9]表示1到9中的某个数          | 表示或者 \d表示一个数字    3[0-1]表示30或31

index.html代码如下，当中包含js脚本 窗口载入即调入此脚本，点击submit即调用相应函数

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

    <script type="text/javascript">

        window.onload=function(){

            alert("窗口载入..");

            document.getElementById("form1").onsubmit=function(){//此处通过id找到网页元素，该网页元素提交即调用函数

                alert("点击提交即调用函数......");

                var d1=this.d1.value;                            //此处通过id和name都可以找到

                var d2=this.d2.value;

                if(!verifyDate(d1)){

                    alert("核实结果，第一个日期格式不对");

                    return false;

                }

                if(!verifyDate(d2)){

                    alert("核实结果，第二个日期格式不对");

                    return false;

                }

                if(compareDate(d1,d2)){

                    alert("第二个日期大于第一个");

                    return false;

                }else{

                    alert("第二个日期小于第一个");

                    return false;

                }

            };

        }

        function verifyDate(d){

            var datePattern=/^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;

            return datePattern.test(d);

        }

        function compareDate(d1,d2){

            var arrayD1=d1.split("-");

            var arrayD2=d2.split("-");

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

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

            if(date2>date1){

                return true;

            }else{

                return false;

            }

        }

    </script>

</head>

<body>

    JavaScript

    <form action="index.html" id="form1">

        <input type="text" id="d1"> <input type="text" id="d2">

        <input type="submit">

    </form>

</body>

</html>

java Html&JavaScript面试题：判断第二个日期比第一个日期大的更多相关文章

  1. js判断第二个日期比第一个日期大

    如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21 必须要保证用户的输入是此格式,并且是时间,比如说月份不大于12等等,另外我需要用户输入两个,并且后一个要比前一个晚,只允许用JAV ...

  2. java Html&JavaScript面试题：HTML 的 form 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交?

    提交的验证方法(通过单个字符比较): <!DOCTYPE html> <html> <head> <meta charset="UTF-8" ...

  3. java Html&JavaScript面试题：用table显示n条记录，每3行换一次颜色，即1，2，3用红色字体，4，5，6用绿色字体，7，8，9用红颜色字体。

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. 【Java面试题系列】：Java基础知识常见面试题汇总 第二篇

    文中面试题从茫茫网海中精心筛选,如有错误,欢迎指正! 第一篇链接:[Java面试题系列]:Java基础知识常见面试题汇总 第一篇 1.JDK,JRE,JVM三者之间的联系和区别 你是否考虑过我们写的x ...

  5. Java例题_26 请输入星期几的第一个字母来判断一下是星期几，如果第一个字母一样，则继续 判断第二个字母。

    1 /*26 [程序 26 求星期] 2 题目:请输入星期几的第一个字母来判断一下是星期几,如果第一个字母一样,则继续 判断第二个字母. 3 程序分析:用情况语句比较好,如果第一个字母一样,则判断用情 ...

  6. 互联网公司前端初级Javascript面试题

    互联网公司前端初级Javascript面试题 1.JavaScript是一门什么样的语言,它有哪些特点?(简述javascript语言的特点)JavaScript是一种基于对象(Object)和事件驱 ...

  7. 北京一家JAVA开发公司面试题(留给后人)

    1.jsp有哪些内置对象?作用分别是什么? 2.描述一下servlet的生命周期和基本架构. 3.多线程有几种实现方法,都是什么? 同步有几种实现方法,都是什么? 4.作用域public   priv ...

  8. java技术面试之面试题大全

    转载自:http://blog.csdn.net/lijizhi19950123/article/details/77679489 Java 面试知识点总结 本篇文章会对面试中常遇到的Java技术点进 ...

  9. 你应该知道的25道Javascript面试题

    题目来自 25 Essential JavaScript Interview Questions.闲来无事,正好切一下. 一 What is a potential pitfall with usin ...

随机推荐

  1. PowerDesigner如何将字段的注释显示出来

    选定一个编辑的表,右键- >Properties- >Columns- >Customize Columns and Filter(或直接用快捷键Ctrl+U)- >Comme ...

  2. angularJS处理table中checkbox的选中状态

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. NIO2

    Files工具包下包含创建临时文件, 文件copy, move等API Path tempFile = Files.createTempFile(null, ".tmp"); // ...

  4. vue——做了一个幼稚的小页面

    我的小花花没有转起来,不开心 ￣へ￣

  5. Java面向对象_常用类库api——二分查找算法

    概念:又称为折半查找,优点是比较次数少,查找速度快,平均性能好:缺点是要求待查表为有序表,且插入删除困难.因此,折半查找方法适用于不经常变动而查找频繁的有序列表. 例: public class Bi ...

  6. 车牌号校验js

    var regExp = /(^[\u4E00-\u9FA5]{1}[A-Z0-9]{6}$)|(^[A-Z]{2}[A-Z0-9]{2}[A-Z0-9\u4E00-\u9FA5]{1}[A-Z0-9 ...

  7. Have启动报错：java.lang.RuntimeException: Unable to instantiate org.apache.hadoop.hive.ql.metadata.SessionHiveMetaStoreClient

    错误日志如下: [hadoop@master hive1.0.0]$ bin/hive Logging initialized using configuration in file:/opt/mod ...

  8. Spring AOP的增强处理

    就是@Before @Around @AfterReturning @AfterThrowing这几个标签的属性可以放到方法参数里面获取 例子 //正常操作@Around("service( ...

  9. EF增删查改加执行存储过程和sql语句，多种方法汇总

    ActionUrl c = new ActionUrl() { ActionName="test", RequestUrl="/123/123", SubTim ...

  10. 常见的生成全局唯一id有哪些？他们各有什么优缺点？

    分布式系统中全局唯一id是我们经常用到的,生成全局id方法由很多,我们选择的时候也比较纠结.每种方式都有各自的使用场景,如果我们熟悉各种方式及优缺点,使用的时候才会更方便.下面我们就一起来看一下常见的 ...