详解js正则表达式验证时间格式xxxx-xx-xx形式


Posted in Javascript onFebruary 09, 2018

在项目中,我们经常会遇到时间问题,有时候是使用时间插件,让用户选择,但有时应客户要求,能够自行输入时间,那么,我们如何来确定用户输入的时间格式是否正确,输入的时间是否合法呢?

这个时候需要用到正则表达式,接下来,简单讲解我的验证实例,以验证时间格式2017-01-01格式为例:

1.首先,我们需要获得用户输入的内容;

2.其次,我们需要验证用户输入的内容是否为2017-01-01格式;

3.然后,验证格式正确后,需要验证输入的时间是否合法;

4.如果用户输入的是正确的,合法的时间格式,那么返回输入框中的内容,否则提示用户重新输入。

以下给出具体验证过程,可供参考:

1.获取用户输入的时间:

var bagin = $('.input_one').val();

2.验证时间格式是否正确:(验证通过返回时间戳格式,例如:(2017-01-01,2017,-,01,-,01),否则返回null)

var bagin_r = bagin.match(/^(\d{4})(-)(\d{2})(-)(\d{2})$/);

if(bagin_r==null){
 alert("请输入正确的开始时间格式,如:2017-01-01");
 return false;
 }

3.验证时间是否合法:(注意:此段必须放置在验证时间格式完成之后)

var b_d=new Date(bagin_r[1],bagin_r[3]-1,bagin_r[5]);
var b_num = (b_d.getFullYear()==bagin_r[1]&&(b_d.getMonth()+1)==bagin_r[3]&&b_d.getDate()==bagin_r[5]);

if(b_num==0){
 alert("开始时间不合法,请输入正确的开始时间");
 return false;
 }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 继承的实现
Jul 09 Javascript
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
Dec 31 Javascript
javascript实现带节日和农历的日历特效
Feb 01 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
分析js闭包引起的事件注册问题
Mar 29 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
Nov 03 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
原生js轮播特效
May 18 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
Oct 26 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
在Vue中使用highCharts绘制3d饼图的方法
Feb 08 #Javascript
vue中使用ueditor富文本编辑器
Feb 08 #Javascript
React Native自定义控件底部抽屉菜单的示例
Feb 08 #Javascript
vue 使用ref 让父组件调用子组件的方法
Feb 08 #Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
Feb 08 #Javascript
web前端页面生成exe可执行文件的方法
Feb 08 #Javascript
ajax前台后台跨域请求处理方式
Feb 08 #Javascript
You might like
让PHP开发者事半功倍的十大技巧小结
2010/04/20 PHP
PHP分页效率终结版(推荐)
2013/07/01 PHP
ThinkPHP写数组插入与获取最新插入数据ID实例
2014/11/03 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
laravel config文件配置全局变量的例子
2019/10/13 PHP
HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高
2021/03/09 Javascript
js下利用控制器载入对应脚本
2010/07/17 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
2013/01/24 Javascript
js取消单选按钮选中示例代码
2013/11/14 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
2015/06/10 Javascript
jQuery Validate初步体验(一)
2015/12/12 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
Bootstrap基本样式学习笔记之标签(5)
2016/12/07 Javascript
Vue实现todolist删除功能
2018/06/26 Javascript
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
详解VUE项目中安装和使用vant组件
2019/04/28 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
2019/08/20 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
vue实现列表滚动的过渡动画
2020/06/29 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
python元组操作实例解析
2014/09/23 Python
基于Python实现的ID3决策树功能示例
2018/01/02 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
python学生信息管理系统
2018/03/13 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
解决Python对齐文本字符串问题
2019/08/28 Python
Python利用PyPDF2库获取PDF文件总页码实例
2020/04/03 Python
django的403/404/500错误自定义页面的配置方式
2020/05/21 Python
Python WebSocket长连接心跳与短连接的示例
2020/11/24 Python
深入浅析HTML5中的article和section的区别
2018/05/15 HTML / CSS
老公给老婆的道歉信
2014/01/10 职场文书
《天安门广场》教学反思
2014/04/23 职场文书
职务说明书范文
2014/05/07 职场文书
超市创意活动方案
2014/08/15 职场文书