详解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 相关文章推荐
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 Javascript
js玩一玩WSH吧
Feb 23 Javascript
一个JS翻页效果
Jul 23 Javascript
探讨javascript是不是面向对象的语言
Nov 21 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
15个常用的jquery代码片段
Dec 19 Javascript
js实现多行文本框统计剩余字数功能
Mar 28 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
Vue写一个简单的倒计时按钮功能
Apr 20 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
基于Three.js实现360度全景图片
Dec 30 Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 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+Ajax实现表单验证的详解
2013/06/25 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
jQuery检测滚动条是否到达底部
2015/12/15 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
js中获取jsp表单中radio类型的值简单实例
2016/08/15 Javascript
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
妙用缓存调用链实现JS方法的重载
2018/04/30 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
微信小程序提交form操作示例
2018/12/30 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
2019/04/22 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
2019/11/12 Javascript
js DOM的事件常见操作实例详解
2019/12/16 Javascript
vue 点击其他区域关闭自定义div操作
2020/07/17 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
2020/09/01 Javascript
原生js实现贪吃蛇游戏
2020/10/26 Javascript
vue实现两个组件之间数据共享和修改操作
2020/11/12 Javascript
利用Python的Django框架中的ORM建立查询API
2015/04/20 Python
python中的随机函数小结
2018/01/27 Python
Django实现跨域请求过程详解
2019/07/25 Python
Python基于yaml文件配置logging日志过程解析
2020/06/23 Python
简单的命令查看安装的python版本号
2020/08/28 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
什么是继承
2013/12/07 面试题
税务干部鉴定材料
2014/02/11 职场文书
社区交通安全实施方案
2014/03/22 职场文书
敲诈同学钱财检讨书范文
2014/11/18 职场文书
投资意向协议书
2015/01/29 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
房产遗嘱范本
2015/08/06 职场文书
学习雷锋主题班会
2015/08/14 职场文书
Java使用JMeter进行高并发测试
2021/11/23 Java/Android
Mysql 数据库中的 redo log 和 binlog 写入策略
2022/04/26 MySQL