详解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 相关文章推荐
在b/s开发中经常用到的javaScript技术
Aug 23 Javascript
Node.js实战 建立简单的Web服务器
Mar 08 Javascript
HTTP 304错误的详细讲解
Nov 13 Javascript
xmlhttp缓存清除的2种解决方法
Dec 13 Javascript
javascript修改图片src的方法
Jan 27 Javascript
jQuery实现的动态伸缩导航菜单实例
May 07 Javascript
实例代码讲解jquery easyui动态tab页
Nov 17 Javascript
Javascript中的async awai的用法
May 17 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
Mar 01 Javascript
javascript实现图片轮换动作方法
Aug 07 Javascript
vue2.0 watch里面的 deep和immediate用法说明
Oct 30 Javascript
js中延迟加载和预加载的具体使用
Jan 14 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入门教程之表单与验证实例详解
2016/09/11 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
2010/03/12 Javascript
IE8下关于querySelectorAll()的问题
2010/05/13 Javascript
你必须知道的Javascript知识点之"this指针"的应用
2013/04/23 Javascript
javascript判断机器是否联网的2种方法
2013/08/09 Javascript
jQuery+css实现百度百科的页面导航效果
2014/12/16 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
jquery实现上传文件大小类型的验证例子(推荐)
2016/06/25 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
AngularJS模板加载用法详解
2016/11/04 Javascript
js实现仿购物车加减效果
2017/03/01 Javascript
js中getter和setter用法实例分析
2018/08/14 Javascript
Vue实现一个无限加载列表功能
2018/11/13 Javascript
解决vue 单文件组件中样式加载问题
2019/04/24 Javascript
Vue 实现登录界面验证码功能
2020/01/03 Javascript
实例讲解Python设计模式编程之工厂方法模式的使用
2016/03/02 Python
对Python3 解析html的几种操作方式小结
2019/02/16 Python
Python正则表达式匹配日期与时间的方法
2019/07/07 Python
python getopt模块使用实例解析
2019/12/18 Python
python数据预处理方式 :数据降维
2020/02/24 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
python中append函数用法讲解
2020/12/11 Python
python中time.ctime()实例用法
2021/02/03 Python
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
台湾母婴用品限时团购:妈咪爱
2018/08/03 全球购物
2013英文求职信模板范文
2013/11/15 职场文书
应届毕业生专业个人求职自荐信格式
2013/11/20 职场文书
客服专员岗位职责范本
2013/11/29 职场文书
实用的简历自我评价
2014/03/06 职场文书
拓展训练激励口号
2014/06/17 职场文书
国富论读书笔记
2015/06/26 职场文书
2016大学生就业指导课心得体会
2016/01/15 职场文书
Python3中最常用的5种线程锁实例总结
2021/07/07 Python
Python中的程序流程控制语句
2022/02/24 Python