详解js正则表达式验证时间格式xxxx-xx-xx形式
在项目中,我们经常会遇到时间问题,有时候是使用时间插件,让用户选择,但有时应客户要求,能够自行输入时间,那么,我们如何来确定用户输入的时间格式是否正确,输入的时间是否合法呢?
这个时候需要用到正则表达式,接下来,简单讲解我的验证实例,以验证时间格式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控制input输入时间格式的方法
本文实例讲述了Javascript控制input输入时间格式的方法.分享给大家供大家参考.具体分析如下: 之前做了一个Javascript控制时间格式的输入,主要用到了keydown和keyup两个事件,但感觉写的很复杂而且还有bug. 今日了解了一下keypress事件与keydown和keyup的区别.大致如下(目前只了解这么多): keydown:按键按下的时候触发,通过event可以获取到keyCode,可以获取到文本框输入之前的值: keyup:按键弹出(松开)时触发,通过event可
-
javascript实现的时间格式加8小时功能示例
本文实例讲述了javascript实现的时间格式加8小时功能.分享给大家供大家参考,具体如下: 第一种方式: <script> var oldTimes1 = "2017-07-10 03:28:54" var eosFormatTime2 = function(oldTimes1) { var time1 = oldTimes1.split(' ')[0]; // console.log("1.第二种方式time1:" + time1) var arr
-
JavaScript下的时间格式处理函数Date.prototype.format
实例一: 一个全的js时间处理函数,虽然我没有仔细去研究里面的正则,但是我经过了测试,是非常好用的,你可以根据你自己的需求设置想要的时间格式的字符串输出,我应用到的格式为:MM/dd/yyyy hh:mm TT和yyyy-MM-dd HH:mm:ss. <span style="font-size:18px;">Date.prototype.format = function (mask) { var d = this; var zeroize = function (va
-
js 时间格式与时间戳的相互转换示例代码
一.时间转换时间戳 复制代码 代码如下: function transdate(endTime){ var date=new Date(); date.setFullYear(endTime.substring(0,4)); date.setMonth(endTime.substring(5,7)-1); date.setDate(endTime.substring(8,10)); date.setHours(endTime.substring(11,13)); date.setMinutes(
-
vue.js将unix时间戳转换为自定义时间格式
本方法通过vue.js filter实现将unix时间戳转换为自定义标准时间格式 <!-- js代码 --> $().ready(function() { <!-- 自定义filter名称为'time' --> Vue.filter('time', <!-- value 格式为13位unix时间戳 --> <!-- 10位unix时间戳可通过value*1000转换为13位格式 --> function(value) { var date = new Dat
-
JavaScript下判断时间格式的代码
检查是否为时间 function check(){ str = form1.txt.value; str = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/); if (str == null){ alert('你输入的时间格式无效'); return false; }else if (str[1]>23 || str[3]>59 || str[4]>59){ alert("你输入的时间格式无效"); return fa
-
javascript实现时间格式输出FormatDate函数
本文实例讲述了javascript实现时间格式输出FormatDate函数.分享给大家供大家参考.具体如下: javascript没有提供像fmt标签一样对日期时间型内容格式输入的函数: 下面是我下的时间输出函数,使用时直接放到标签内,调用.代码如下 复制代码 代码如下: Date.prototype.Format = function(fmt) { //author: meizz if (this == "Invalid Date") { retur
-
Extjs TimeField 显示正常时间格式的代码
如果想正确显示,一般的方法都是改后台代码,使日期时间格式变为string返回,我解决的方法是重写TimeField 的setValue ,具体代码如下: 复制代码 代码如下: Ext.override(Ext.form.TimeField, { getValue: function () { return this.value; }, setValue: function (v) { this.value = v; this.setRawValue(this.formatValue(v)); r
-
js将当前时间格式转换成时间搓(自写)
自己写的一个方法 复制代码 代码如下: function split_time(time){//将当前时间转换成时间搓 例如2013-09-11 12:12:12 var arr=time.split(" "); var day=arr[0].split("-"); var hour=arr[1].split(":"); return Date.UTC(day[0],(day[1]-1),day[2],hour[0],hour[1],hour[2
-
详解js正则表达式验证时间格式xxxx-xx-xx形式
在项目中,我们经常会遇到时间问题,有时候是使用时间插件,让用户选择,但有时应客户要求,能够自行输入时间,那么,我们如何来确定用户输入的时间格式是否正确,输入的时间是否合法呢? 这个时候需要用到正则表达式,接下来,简单讲解我的验证实例,以验证时间格式2017-01-01格式为例: 1.首先,我们需要获得用户输入的内容: 2.其次,我们需要验证用户输入的内容是否为2017-01-01格式: 3.然后,验证格式正确后,需要验证输入的时间是否合法: 4.如果用户输入的是正确的,合法的时间格式,那么返回输
-
JS正则表达式验证密码格式的集中情况总结
1.密码必须为6-18位字母.数字.特殊符号的: var reg =/^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,.\/]).{6,18}$/; 2.密码必须为6-18位字母.数字 var reg=/^(?![^a-zA-Z]+$)(?!\D+$)/ 3.支持字母.数字.标点符号.特殊字符 var reg=/^(?:(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])|(?=.*[A-Z])(?
-
详解js正则表达式语法介绍
本文介绍了js正则表达式,具体如下: 1. 正则表达式规则 1.1 普通字符 字母.数字.汉字.下划线.以及后边章节中没有特殊定义的标点符号,都是"普通字符".表达式中的普通字符,在匹配一个字符串的时候,匹配与之相同的一个字符. 举例1:表达式 "c",在匹配字符串 "abcde" 时,匹配结果是:成功:匹配到的内容是:"c":匹配到的位置是:开始于2,结束于3.(注:下标从0开始还是从1开始,因当前编程语言的不同而可能不同)
-
详解js中常规日期格式处理、月历渲染和倒计时函数
前言 相信大家都知道日期格式处理在前端的日常任务中非常常见,但是为此引入monent.js这样的类库又会显得有点臃肿,毕竟我们一个特定的项目中,并不需要monent.js那么全的涵盖范围.另外,如果现在公司让你自己手写一个日历组件(月历.周历),日历组件中需要耦合我们的其他业务需求,如果有一个任务列表,当11月22号的待进行任务,我需要在日历上有一个绿色圆点,表示当天有待办事项. 下面介绍一些常规的函数,希望对大家有用. 月历效果图 函数目录 getFormatDateStr 获得指定日期格式的
-
详解表单验证正则表达式实例(推荐)
验证:!reg.test(value) 邮箱: 复制代码 代码如下: reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/i; 不包含中文: 复制代码 代码如下: reg = /.*[\u4e00-\u9fa5]+.*$/i; 身份证号: // 验证身份证号码 var city = {11:'北京',12:'天津',13:'河北',14:'山西',15:'内蒙古',21:'辽宁',22:'吉
-
JS 正则表达式验证密码、邮箱格式的实例代码
遗憾的是博客内容不允许包含js代码,不能在线测试,就只上代码了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Regular Expression test</title> </head> <body> 用户名:(4-16位,字母.下划线.数字,减号) <br/> <input type="
-
详解JS WebSocket断开原因和心跳机制
1.断开原因 WebSocket断开的原因有很多,最好在WebSocket断开时,将错误打印出来. ws.onclose = function (e) { console.log('websocket 断开: ' + e.code + ' ' + e.reason + ' ' + e.wasClean) console.log(e) } 错误状态码: WebSocket断开时,会触发CloseEvent, CloseEvent会在连接关闭时发送给使用 WebSockets 的客户端. 它在 We
-
详解JS内存空间
概述 变量对象与堆内存 var a = 20; var b = 'abc'; var c = true; var d = { m: 20 } 在很长一段时间里认为内存空间的概念在JS的学习中并不是那么重要.可是后我当我回过头来重新整理JS基础时,发现由于对它们的模糊认知,导致了很多东西我都理解得并不明白.比如最基本的引用数据类型和引用传递到底是怎么回事儿?比如浅复制与深复制有什么不同?还有闭包,原型等等. 因此后来我才渐渐明白,想要对JS的理解更加深刻,就必须对内存空间有一个清晰的认知. 一.栈
-
详解JS数值Number类型
Number 问题 下面的问题你都能回答对了吗? 0.1 + 0.2 == 0.3 成立吗? .e-5 表示多少? 怎么表示8进制? 怎么转换进制? 如何将字符串转换成数值或整数?反过来呢?十六进制又怎么处理? parseInt(0x12, 16) 的返回值是多少?是0x12吗? Number.MAX_VALUE 为最大数值,(new Number(12)).MAX_VALUE 是多少? JavaScript中怎么进行四舍五入?如果保留3位小数的精度? 如何获取一个随机数?如何取整?如何向上取整
-
详解JS函数防抖
一.什么是函数防抖 概念:函数防抖(debounce),就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n 秒内又触发了事件,则会重新计算函数延执行时间. 举个栗子,坐电梯的时候,如果电梯检测到有人进来(触发事件),就会多等待 10 秒,此时如果又有人进来(10秒之内重复触发事件),那么电梯就会再多等待 10 秒.在上述例子中,电梯在检测到有人进入 10 秒钟之后,才会关闭电梯门开始运行,因此,"函数防抖"的关键在于,在 一个事件 发生 一定时间 之后,才执行 特定动
随机推荐
- Android pull解析xml的实现方法
- 原生AJAX封装的简单实现
- 菜鸟蔡之Ajax复习第一篇(后台asp.net)(传统的JavaScript方法实现Ajax功能)
- Vue中封装input组件的实例详解
- 资料:Office 2007中的config.xml个性定制说明资料
- centos6.5 lamp 环境(使用yum安装方法)
- ios swift3.0实现二维码扫描、生成、识别示例代码
- 浅谈js中变量初始化
- js由下向上不断上升冒气泡效果实例
- php页面,mysql数据库转utf-8乱码,utf-8编码问题总结
- 详解VueJS 数据驱动和依赖追踪分析
- asp.net下创建、查询、修改带名称空间的 XML 文件的例子
- Easyui和zTree两种方式分别实现树形下拉框
- PowerShell捕获错误的2种方法(异常捕获命令、错误变量)
- mysql 数据库安装经验问题汇总
- jQuery实现宽屏图片轮播实例教程
- 获取DOM对象的几种扩展及简写
- Cisco IOS漏洞再现XR新架构IOS逃过一劫
- WPF集合控件实现分隔符(ItemsControl Separator)
- maven利用tomcat插件部署远程Linux服务器的步骤详解