详解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中typeof的用途介绍
Apr 11 Javascript
Jquery时间验证和转换工具小例子
Jul 01 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
使用CSS3的scale实现网页整体缩放
Mar 18 Javascript
JavaScript驾驭网页-CSS与DOM
Mar 24 Javascript
AngularJS 表达式详解及实例代码
Sep 14 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 Javascript
js实现简单的计算器功能
Jan 16 Javascript
jquery实现图片平滑滚动详解
Mar 22 jQuery
详解angularJs中关于ng-class的三种使用方式说明
Jun 02 Javascript
Vue使用screenfull实现全屏效果
Sep 17 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
Jan 13 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
php Smarty模板生成html文档的方法
2010/04/12 PHP
关于Sphinx创建全文检索的索引介绍
2013/06/25 PHP
php选择排序法实现数组排序实例分析
2015/02/16 PHP
php函数连续调用实例分析
2015/07/30 PHP
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
jquery实现背景墙聚光灯效果示例分享
2014/03/02 Javascript
Jquery倒计时源码分享
2014/05/16 Javascript
node.js中的buffer.fill方法使用说明
2014/12/14 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
jquery中$each()方法的使用指南
2015/04/30 Javascript
Bootstrap表格和栅格分页实例详解
2016/05/20 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
解决vue动态为数据添加新属性遇到的问题
2018/09/18 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
layer弹出层取消遮罩的方法
2019/09/25 Javascript
详解vue-router的导航钩子(导航守卫)
2020/11/02 Javascript
使用python检测手机QQ在线状态的脚本代码
2013/02/10 Python
详解Python3.1版本带来的核心变化
2015/04/07 Python
python如何实现excel数据添加到mongodb
2015/07/30 Python
Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例
2018/01/29 Python
Python3和pyqt5实现控件数据动态显示方式
2019/12/13 Python
Pandas读取csv时如何设置列名
2020/06/02 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
Django启动时找不到mysqlclient问题解决方案
2020/11/11 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
HTML5学习心得总结(推荐)
2016/07/08 HTML / CSS
俄罗斯旅游网站:Tripadvisor俄罗斯
2017/03/21 全球购物
公司人力资源的自我评价
2014/01/02 职场文书
学生顶撞老师的检讨书
2014/09/17 职场文书
村委会贫困证明范本
2014/09/17 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
工作失职检讨书范文
2015/05/05 职场文书