详解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 setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
JS 无限级 Select效果实现代码(json格式)
Aug 30 Javascript
js如何判断用户是在PC端和还是移动端访问
Apr 24 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
bootstrap日历插件datetimepicker使用方法
Dec 14 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
探索JavaScript中私有成员的相关知识
Jun 13 Javascript
jquery实现聊天机器人
Feb 08 jQuery
JavaScript实现横版菜单栏
Mar 17 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
Jul 28 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
Jul 28 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
phpMyAdmin 安装及问题总结
2009/05/28 PHP
基于PHP文件操作的详细诠释
2013/06/21 PHP
PHP中session变量的销毁
2014/02/27 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
CI框架集成Smarty的方法分析
2016/05/17 PHP
phpstorm 配置xdebug的示例代码
2019/03/31 PHP
让你的PHP,APACHE,NGINX支持大文件上传
2021/03/09 PHP
Alliance vs Liquid BO3 第一场2.13
2021/03/10 DOTA
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
jquery JSON的解析方式
2009/07/25 Javascript
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
JAVASCRIPT style 中visibility和display之间的区别
2010/01/22 Javascript
Knockoutjs快速入门(经典)
2012/12/24 Javascript
ie支持function.bind()方法实现代码
2012/12/27 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
用window.onerror捕获并上报Js错误的方法
2016/01/27 Javascript
vue-cli webpack 开发环境跨域详解
2017/05/18 Javascript
socket io与vue-cli的结合使用的示例代码
2018/11/01 Javascript
vue全局自定义指令-元素拖拽的实现代码
2019/04/14 Javascript
vue中引入mxGraph的步骤详解
2019/05/17 Javascript
js中Function引用类型常见有用的方法和属性详解
2019/12/11 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
Python RuntimeError: thread.__init__() not called解决方法
2015/04/28 Python
python字典排序实例详解
2015/05/20 Python
Python装饰器用法实例总结
2018/05/26 Python
Pandas读写CSV文件的方法示例
2019/03/27 Python
python 监测内存和cpu的使用率实例
2019/11/28 Python
精选奢华:THE LIST
2019/09/05 全球购物
Fnac西班牙官网:法国文化和电子产品零售商
2021/03/14 全球购物
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
Linux如何为某个操作添加别名
2015/02/05 面试题
物流专业毕业生推荐信范文
2013/11/18 职场文书
销售督导岗位职责
2015/04/10 职场文书
开学第一周值周总结
2015/07/16 职场文书
浅谈Vue的computed计算属性
2022/03/21 Vue.js