详解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 相关文章推荐
js文本框输入点回车触发确定兼容IE、FF等
Nov 19 Javascript
jquery跟js初始化加载的多种方法及区别介绍
Apr 02 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
May 17 Javascript
Google Maps基础及实例解析
Aug 06 Javascript
Bootstrap table使用方法详细介绍
Dec 09 Javascript
jquery表单验证插件validation使用方法详解
Jan 20 Javascript
es6学习笔记之Async函数基本教程
May 11 Javascript
JS实现验证码倒计时的注册页面
Jan 02 Javascript
vue中实现移动端的scroll滚动方法
Mar 03 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 Javascript
jQuery实现增删改查
Dec 22 jQuery
在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/03/03 PHP
PHP中使用imagick实现把PDF转成图片
2015/01/26 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
一些易混淆且不常用的属性,希望有用
2007/01/29 Javascript
在ASP.NET中使用JavaScript脚本的方法
2013/11/12 Javascript
jquery分割字符串的方法
2015/06/24 Javascript
Ztree新增角色和编辑角色回显问题的解决
2016/10/25 Javascript
Node.js中路径处理模块path详解
2016/11/14 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
JS代码实现电脑配置检测功能
2018/03/21 Javascript
深入理解JavaScript和TypeScript中的class
2018/04/22 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
jQuery md5加密插件jQuery.md5.js用法示例
2018/08/24 jQuery
javascript事件监听与事件委托实例详解
2019/08/16 Javascript
Python的ORM框架SQLObject入门实例
2014/04/28 Python
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
Python实现随机选择元素功能
2017/09/14 Python
python3解析库pyquery的深入讲解
2018/06/26 Python
为何人工智能(AI)首选Python?读完这篇文章你就知道了(推荐)
2019/04/06 Python
详解Python time库的使用
2019/10/10 Python
python__name__原理及用法详解
2019/11/02 Python
韩国三星旗下的一家超市连锁店:Home Plus
2016/07/30 全球购物
美国体育用品商店:Rally House(NCAA、NFL、MLB、NBA、NHL和MLS)
2018/01/03 全球购物
豪华复古化妆:Besame Cosmetics
2019/09/06 全球购物
应届生服装设计自我评价
2013/09/20 职场文书
行政主管岗位职责
2013/11/18 职场文书
少先队学雷锋活动月总结
2014/03/09 职场文书
QQ空间主人寄语大全
2014/04/12 职场文书
2014年党员自我评议总结
2014/09/23 职场文书
学生抄袭作业的检讨书
2014/10/02 职场文书
公司股东出资证明书
2014/11/01 职场文书
优秀党员主要事迹范文
2015/11/05 职场文书
2016优秀护士求职自荐信
2016/01/28 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
MySQL删除和插入数据很慢的问题解决
2021/06/03 MySQL
使用canvas对video视频某一刻截图功能
2021/09/25 HTML / CSS