详解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网页制作特殊效果用随机数
May 22 Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
全面解析Bootstrap表单使用方法(表单样式)
Nov 24 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
May 09 Javascript
工厂模式在JS中的实践
Jan 18 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
May 03 Javascript
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
vue 属性拦截实现双向绑定的实例代码
Oct 24 Javascript
vue+Element-ui实现分页效果
Nov 15 Javascript
vue中axios封装使用的完整教程
Mar 03 Vue.js
在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
星际争霸任务指南——神族
2020/03/04 星际争霸
php之对抗Web扫描器的脚本技巧
2008/10/01 PHP
黑夜路人出的几道php笔试题
2009/08/04 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
PHP实现伪静态方法汇总
2016/01/13 PHP
PHP中串行化用法示例
2016/11/16 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
laravel框架之数据库查出来的对象实现转化为数组
2019/10/23 PHP
动态加载js的几种方法
2006/10/23 Javascript
js实现上传图片之上传前预览图片
2013/03/25 Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
2013/06/21 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
2018/06/26 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
python操作MySQL数据库具体方法
2013/10/28 Python
Python中的jquery PyQuery库使用小结
2014/05/13 Python
Python多进程机制实例详解
2015/07/02 Python
在Mac OS系统上安装Python的Pillow库的教程
2015/11/20 Python
VSCode下好用的Python插件及配置
2018/04/06 Python
python学生管理系统
2019/01/30 Python
python 绘制拟合曲线并加指定点标识的实现
2019/07/10 Python
python实现3D地图可视化
2020/03/25 Python
Pytorch通过保存为ONNX模型转TensorRT5的实现
2020/05/25 Python
Python学习之os模块及用法
2020/06/03 Python
Python中过滤字符串列表的方法
2020/12/22 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
欧尚俄罗斯网上超市:Auchan俄罗斯
2018/05/03 全球购物
英国家喻户晓的家居商店:The Range
2019/03/25 全球购物
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
群胜软件Java笔试题
2012/09/29 面试题
Lucene推荐的分页方式是什么?
2015/12/07 面试题
生物化学研究助理员求职信
2013/10/09 职场文书
《陋室铭》教学反思
2014/02/26 职场文书
庆祝国庆节演讲稿2014
2014/09/19 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python