首页 / JAVASCRIPT / javascript – 选择开始和结束时间的选项验证

javascript – 选择开始和结束时间的选项验证

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 选择开始和结束时间的选项验证，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4815字，纯文字阅读大概需要7分钟。

内容图文

选择开始时间

<select name="start-time">
<option value="00:00 am" selected="selected">00:00 am</option><option value="00:30 am">00:30 am</option><option value="01:00 am">01:00 am</option><option value="01:30 am">01:30 am</option><option value="02:00 am">02:00 am</option><option value="02:30 am">02:30 am</option><option value="03:00 am">03:00 am</option><option value="03:30 am">03:30 am</option><option value="04:00 am">04:00 am</option><option value="04:30 am">04:30 am</option><option value="05:00 am">05:00 am</option><option value="05:30 am">05:30 am</option><option value="06:00 am">06:00 am</option><option value="06:30 am">06:30 am</option><option value="07:00 am">07:00 am</option><option value="07:30 am">07:30 am</option><option value="08:00 am">08:00 am</option><option value="08:30 am">08:30 am</option><option value="09:00 am">09:00 am</option><option value="09:30 am">09:30 am</option><option value="10:00 am">10:00 am</option><option value="10:30 am">10:30 am</option><option value="11:00 am">11:00 am</option><option value="11:30 am">11:30 am</option><option value="12:00 pm">12:00 pm</option><option value="12:30 pm">12:30 pm</option><option value="13:00 pm">13:00 pm</option><option value="13:30 pm">13:30 pm</option><option value="14:00 pm">14:00 pm</option><option value="14:30 pm">14:30 pm</option><option value="15:00 pm">15:00 pm</option><option value="15:30 pm">15:30 pm</option><option value="16:00 pm">16:00 pm</option><option value="16:30 pm">16:30 pm</option><option value="17:00 pm">17:00 pm</option><option value="17:30 pm">17:30 pm</option><option value="18:00 pm">18:00 pm</option><option value="18:30 pm">18:30 pm</option><option value="19:00 pm">19:00 pm</option><option value="19:30 pm">19:30 pm</option><option value="20:00 pm">20:00 pm</option><option value="20:30 pm">20:30 pm</option><option value="21:00 pm">21:00 pm</option><option value="21:30 pm">21:30 pm</option><option value="22:00 pm">22:00 pm</option><option value="22:30 pm">22:30 pm</option><option value="23:00 pm">23:00 pm</option><option value="23:30 pm">23:30 pm</option></select>

选择结束时间

<select name="end-time">
<option value="00:00 am" selected="selected">00:00 am</option><option value="00:30 am">00:30 am</option><option value="01:00 am">01:00 am</option><option value="01:30 am">01:30 am</option><option value="02:00 am">02:00 am</option><option value="02:30 am">02:30 am</option><option value="03:00 am">03:00 am</option><option value="03:30 am">03:30 am</option><option value="04:00 am">04:00 am</option><option value="04:30 am">04:30 am</option><option value="05:00 am">05:00 am</option><option value="05:30 am">05:30 am</option><option value="06:00 am">06:00 am</option><option value="06:30 am">06:30 am</option><option value="07:00 am">07:00 am</option><option value="07:30 am">07:30 am</option><option value="08:00 am">08:00 am</option><option value="08:30 am">08:30 am</option><option value="09:00 am">09:00 am</option><option value="09:30 am">09:30 am</option><option value="10:00 am">10:00 am</option><option value="10:30 am">10:30 am</option><option value="11:00 am">11:00 am</option><option value="11:30 am">11:30 am</option><option value="12:00 pm">12:00 pm</option><option value="12:30 pm">12:30 pm</option><option value="13:00 pm">13:00 pm</option><option value="13:30 pm">13:30 pm</option><option value="14:00 pm">14:00 pm</option><option value="14:30 pm">14:30 pm</option><option value="15:00 pm">15:00 pm</option><option value="15:30 pm">15:30 pm</option><option value="16:00 pm">16:00 pm</option><option value="16:30 pm">16:30 pm</option><option value="17:00 pm">17:00 pm</option><option value="17:30 pm">17:30 pm</option><option value="18:00 pm">18:00 pm</option><option value="18:30 pm">18:30 pm</option><option value="19:00 pm">19:00 pm</option><option value="19:30 pm">19:30 pm</option><option value="20:00 pm">20:00 pm</option><option value="20:30 pm">20:30 pm</option><option value="21:00 pm">21:00 pm</option><option value="21:30 pm">21:30 pm</option><option value="22:00 pm">22:00 pm</option><option value="22:30 pm">22:30 pm</option><option value="23:00 pm">23:00 pm</option><option value="23:30 pm">23:30 pm</option></select>

如果从两者之间选择开始时间,是否有任何快速jQuery登录可以禁用END Time中的先前选项.

例如,如果选择“开始时间”为下午3点,则在“结束时间”中,应禁用下午3点之前的所有选项.

在jQuery中有没有简单的方法呢？

谢谢

解决方法:

这应该可以使用所选选项的索引并禁用该索引之前的其他选择选项：

$('select[name=start-time]').on("change",function(){
    var theSelectedIndex = $(this)[0].selectedIndex;
    $.each($('select[name=end-time] option'), function(){
        var endOptionIndex = $(this).index();
        if (endOptionIndex < theSelectedIndex){
           $(this).attr('disabled','disabled');
        } else{
           $(this).removeAttr('disabled').prop('selected', true);
           return false;
        }
    });
});

小提琴：http://jsfiddle.net/nUAV3/

内容总结

以上是互联网集市为您收集整理的javascript – 选择开始和结束时间的选项验证全部内容，希望文章能够帮你解决javascript – 选择开始和结束时间的选项验证所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/744133.html

来源：【匿名】

【上一篇】javascript – 如何按名称到达数组？【下一篇】javascript 怎么调用php方法

更多 ►

【javascript – 选择开始和结束时间的选项验证】教程文章相关的互联网学习教程文章

javascript设计模式实践之策略模式--输入验证【代码】

策略模式中的策略就是一种算法或者业务规则，将这些策略作为函数进行封装，并向外提供统一的调用执行。先定义一个简单的输入表单：<!DOCTYPE html><html><head><meta charset="utf-8"><style>.form{width: 400px;height: 200px;#margin: 0px auto;}.form-item-label{width:100px;text-align: right;float: left;}.form-item-input{float: left;}.form-item{width: 100% ;height: 50px;line-height: 50px;}</style></head><body><di...

JavaScript 验证表单不为空和获取select下拉列表的值和文本

1.验证表单不为空var hasform = { "Name": "名字", "Id_card": "身份证", "PaySalary": "月工资", "CardCode": "账号", "Fk_Subjectf_Code": "功能科目", "Birthday": "出生日期", "Start_Date": "开始时间" }; var result = true; var value; for (var k in hasform ) { value = $("#" + k).val(); if ...

验证仅仅是小数--JavaScript

http://www.aspsnippets.com/Articles/Regular-Expression-Regex-to-allow-both-decimals-as-well-as-integers-and-Regex-for-allowing-any-decimal-number.aspx原文：http://www.cnblogs.com/songxia/p/4031513.html

用户找回密码功能JS验证邮箱通过点击下一步隐藏邮箱输入框并修改下一步按钮的ID【代码】

//这里是BaseDao 1/** 2 * 获得一个对象3 * @param hql4 * @param param5 * @return 6*/ 7public Object get(String hql, Object[] param){8 List<Object> objects = this.getHibernateTemplate().find(hql, param); 9if (objects != null && objects.size() > 0) { 10return objects.get(0); 11 } else { 12returnnull; 13 } 14 }//这里是UsersDaoImpl 1/** 2 * 查找邮箱...

记录JavaScript中使用keyup事件做输入验证（附event.keyCode表）【代码】

input的blur事件$("#input-name").blur(function () {var value = $(this).val();if (value === ‘‘) {return;}if (/^[\u4e00-\u9fa5]{1,3}$/.test(value)) {$(this).removeClass("error-class");} else {$(this).addClass("error-class");}});keyup事件$(document).on(‘keyup‘, ‘.error-class‘, function (event) {// Avoid revalidate the field when pressing one of the following keys// Shift => 16// Ctrl ...

javascript-表单验证【代码】【图】

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表单验证</title><style>*{margin: 0;padding: 0;}body{width:100%;height: 1200px;background-image: linear-gradient(to top right,rgba(224,73,13,0.4),rgba(4,149,245,0.5));}.box{width:400px;padding:40px;position:absol...

JavaScript实现表单注册与验证【代码】【图】

HTML文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单注册与验证</title> <script language="javascript" type="text/javascript" src="JS/index.js"></script> </head> <body> <form name="form1" id="form1" method="post"action=""> <table border=1 align=center width=350> <tr align="middle"> <th colSpan="2"height="24">新用户注册</th> </tr> <tr> <td with="40%"> <b>用户名...

几个有用的javascript(日期比较，数字验证，数字和汉字长度计算)【图】

1：日期大Js代码Js代码 //人员失效职位日期是否小于组织失效日期 function perDateInvalidate(){ var flag = true; //组织失效日期 var orgDate = stringToTime(document.getElementById("orgDate").value); //人员失效日期 var personDate = stringToTime(document.getElementById("personDate").value); ...

JavaScript表单验证【代码】【图】

介绍一下表单验证，不错哦：如图CSS代码@charset "gb2312"; /* CSS Document */body,dl,dt,dd,div,form {padding:0;margin:0;}#header,#main{width:650px;margin:0 auto;} .bg{background-image:url(../images/register_bg.gif);background-repeat:no-repeat;width:6px;height:6px;}.bg_top_left{background-position:0px 0px;}.bg_top_right{background-position:0px -6px;}.bg_end_left{background-position:0px -12px;}.bg_end...

如何用javascript正则表达式验证身份证号码是否合法【代码】

在用户注册页面有些需求要求的比较严格，需要对身份证验证是否合法，通过此功能严格此系统软件，从而过滤到很多水客。下面就此实现方法给大家讲解下。　　很多时候我们都是通过一组正则表达式来判断用户输入的身份证是否合法，那在用正则表达式判断之前，你对身份证号的组成有多少了解呢？下面来说说一个身份证号里面包含了多少的信息：　　1、号码的结构公民身份号码是特征组合码，由十七位数字本体码和一位校验码组成。排列顺序...

如何使用JavaScript和正则表达式进行数据验证

数据验证是网络应用软件从客户端接受数据的重要步骤，毕竟，您需要在使用客户数据前确保其符合预期的格式。在网络应用程序中，您可以选择使用特定平台的工具，比如ASP.NET、JSP等等，或者您可以利用客户端JavaScript的优势，JavaScript中的正则表达式可以简化数据验证的工作。正则表达式正则表达式是一种模式匹配的工具，它允许您以文字方式来表述模式，因而正则表达式成为了一个验证文本数据的强大工具。除了模式匹配之外，正则表...

记录javascript 验证字符串布尔类型【图】

/^true$/i.test("false");false/^true$/i.test("true");true 原文：http://www.cnblogs.com/yzenet/p/5798513.html

javascript 倒计时获取验证码

var wait=60;function reSendCode(id) { var obj = $("#"+id); if (wait == 0) { obj.attr("disabled",false); $(‘#getcode‘).removeClass(‘no-disable‘).addClass("get-code").attr(‘disabled‘,false).val("免费获取验证码"); wait = 60; } else { $(‘#getcode‘).removeClass(‘get-code‘).addClass("no-disable").attr(‘disabled‘,true).val( wait +"秒后点击重新发送"); wait--; setTimeout(func...

原生JavaScript判断是否为邮箱、危险字符、验证长度、验证网址、验证小数、整数、浮点数等常用的验证【代码】

(71~80)验证篇这一篇文章主要是10个比较常用表单验证功能，包括了邮箱、危险字符、验证长度、验证网址、验证小数、整数、浮点数等常用的验证，有了这些代码片段，平时的表单验证也可以不需要jquery的验证插件了，希望可以帮到大家。。。 71、原生JavaScript判断是否为邮箱复制代码代码如下:function isEmail(str){var re=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;if (re.test(str) != true) ...

java基础69 JavaScript产生伪验证码（网页知识）【代码】【图】

1、伪验证码<!doctype html> //软件版本：DW2018版<html><head><meta charset="utf-8"><title>伪验证码</title></head><script type="text/javascript">function createCode(){var datas = [‘A‘,‘B‘,‘C‘,‘D‘,‘E‘,‘王‘,‘陈‘,‘晶‘,‘邓‘,‘2‘,‘1‘,‘9‘,‘4‘,‘6‘];var codes ="";for(var i =0;i <4;i++){//随机产生4个索引值var index = Math.floor(Math.random()* datas.length); //0.0-1.0(不包含1.0) ...

首页 / JAVASCRIPT / javascript – 选择开始和结束时间的选项验证

javascript – 选择开始和结束时间的选项验证

内容导读

内容图文

内容总结

内容备注

内容手机端

【javascript – 选择开始和结束时间的选项验证】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

验证 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程