详解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做flash做的事..才完成的一个类.Auntion Action var 0.1
Feb 23 Javascript
javascript中的new使用
Mar 20 Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 Javascript
浅析javascript中的DOM
Mar 01 Javascript
AngularJS入门教程之AngularJS模型
Apr 18 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
Jan 06 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
Jul 18 Javascript
Vue学习笔记之表单输入控件绑定
Sep 05 Javascript
ES6 javascript中class静态方法、属性与实例属性用法示例
Oct 30 Javascript
vue给组件传递不同的值方法
Sep 29 Javascript
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
Feb 22 Javascript
js编写简易的计算器
Jul 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个人网站架设连环讲(一)
2006/10/09 PHP
PHP人民币金额数字转中文大写的函数代码
2013/02/27 PHP
Yii2.0 Basic代码中路由链接被转义的处理方法
2016/09/21 PHP
php 变量引用与变量销毁机制详细介绍
2016/12/05 PHP
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
基于jquery tab切换(防止页面刷新)
2012/05/23 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
2013/06/16 Javascript
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
常用DOM整理
2015/06/16 Javascript
jQuery+HTML5实现图片上传前预览效果
2015/08/20 Javascript
jquery实现经典的淡入淡出选项卡效果代码
2015/09/22 Javascript
使用JavaScript实现ajax的实例代码
2016/05/11 Javascript
sea.js常用的api简易文档
2016/11/15 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
2017/03/14 Javascript
js canvas实现放大镜查看图片功能
2017/06/08 Javascript
深入理解ES6中let和闭包
2018/02/22 Javascript
vue v-model动态生成详解
2018/06/30 Javascript
express 项目分层实践详解
2018/12/10 Javascript
vue生命周期的探索
2019/04/03 Javascript
利用Python循环(包括while&for)各种打印九九乘法表的实例
2017/11/06 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
python存储16bit和32bit图像的实例
2018/12/05 Python
Django 静态文件配置过程详解
2019/07/23 Python
Python循环实现n的全排列功能
2019/09/16 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
python自动化测试三部曲之request+django实现接口测试
2020/10/07 Python
CSS3支持IE6, 7, and 8的边框border属性
2012/12/28 HTML / CSS
使用canvas生成含有微信头像的邀请海报没有微信头像问题
2019/10/29 HTML / CSS
巴西化妆品商店:Lojas Rede
2019/07/26 全球购物
财政局个人总结
2015/03/04 职场文书
团日活动总结格式
2015/05/11 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js
Windows10安装Apache2.4的方法步骤
2022/06/25 Servers