详解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 面向对象编程基础 多态
Aug 21 Javascript
JavaScript 加号(+)运算符号
Dec 06 Javascript
jQuery 操作下拉列表框实现代码
Feb 22 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
Oct 07 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
Oct 21 Javascript
纯JS实现动态时间显示代码
Feb 08 Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 Javascript
Jquery树插件zTree用法入门教程
Feb 17 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
vue中配置mint-ui报css错误问题的解决方法
Oct 11 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
Vue分页效果与购物车功能
Dec 13 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
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
PHP操作mysql函数详解,mysql和php交互函数
2011/05/19 PHP
PHP Class&Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
jquery创建div 实现代码
2009/04/27 Javascript
JavaScript常用全局属性与方法记录积累
2013/07/03 Javascript
JS对象转换为Jquery对象实现代码
2013/12/29 Javascript
JS取得绝对路径的实现代码
2015/01/16 Javascript
js获取所有checkbox的值的简单实例
2016/05/30 Javascript
AngularJS基础 ng-submit 指令简单示例
2016/08/03 Javascript
Vue.js每天必学之方法与事件处理器
2016/09/06 Javascript
常用原生js自定义函数总结
2016/11/20 Javascript
JS判断是否手机或pad访问实现方法
2016/12/09 Javascript
深入解析js轮播插件核心代码的实现过程
2017/04/14 Javascript
php 修改密码实现代码
2017/05/24 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
原生js实现form表单序列化的方法
2018/08/02 Javascript
LayerClose弹窗关闭刷新方法
2018/08/17 Javascript
layer ui 导入文件之前传入数据的实例
2019/09/23 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
原生js实现html手机端城市列表索引选择城市
2020/06/24 Javascript
微信小程序实现聊天室
2020/08/21 Javascript
vue实现购物车的小练习
2020/12/21 Vue.js
Python设置在shell脚本中自动补全功能的方法
2018/06/25 Python
Python实现的建造者模式示例
2018/08/06 Python
在Pandas中给多层索引降级的方法
2018/11/16 Python
python实现的MySQL增删改查操作实例小结
2018/12/19 Python
Python 虚拟空间的使用代码详解
2019/06/10 Python
简单了解python字符串前面加r,u的含义
2019/12/26 Python
Python基于Dlib的人脸识别系统的实现
2020/02/26 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
澳大利亚最大的百货公司:Myer
2018/12/21 全球购物
资生堂英国官网:Shiseido英国
2020/12/30 全球购物
市级优秀班主任事迹材料
2014/05/13 职场文书
新农村建设汇报材料
2014/08/15 职场文书
Win11显卡控制面板打开显卡设置方法
2022/04/20 数码科技