js日期/时间比较函数,以及js校验表单后提交表单的三种方法,表单验证,以及三种结合

<pre class="html" name="code">

js日期比较(yyyy-mm-dd)

function duibi(a, b) {
var arr = a.split("-");
var starttime = new Date(arr[0], arr[1], arr[2]);
var starttimes = starttime.getTime();

var arrs = b.split("-");
var lktime = new Date(arrs[0], arrs[1], arrs[2]);
var lktimes = lktime.getTime();

if (starttimes >= lktimes) {

alert('开始时间大于离开时间,请检查');
return false;
}
else
return true;

}

js时间比较(yyyy-mm-dd hh:mi:ss)

function comptime() {
var beginTime = "2009-09-21 00:00:00";
var endTime = "2009-09-21 00:00:01";
var beginTimes = beginTime.substring(0, 10).split('-');
var endTimes = endTime.substring(0, 10).split('-');

beginTime = beginTimes[1] + '-' + beginTimes[2] + '-' + beginTimes[0] + ' ' + beginTime.substring(10, 19);
endTime = endTimes[1] + '-' + endTimes[2] + '-' + endTimes[0] + ' ' + endTime.substring(10, 19);

alert(beginTime + "aaa" + endTime);
alert(Date.parse(endTime));
alert(Date.parse(beginTime));
var a = (Date.parse(endTime) - Date.parse(beginTime)) / 3600 / 1000;
if (a < 0) {
alert("endTime小!");
} else if (a > 0) {
alert("endTime大!");
} else if (a == 0) {
alert("时间相等!");
} else {
return 'exception'
}
}

--------------------------------js校验表单后提交表单的三种方法----------------------------------

第一种:

<script type="text/javascript">
         function check(form) {

          if(form.userId.value=='') {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==''){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }
         return true;
         }
</script>

<form action="login.do?act=login" method="post">
用户帐号
  <input type=text name="userId" size="18" value="" >
<br>
 登录密码
<input type="password" name="password" size="19" value=""/>
 <input type=submit name="submit1" value="登陆" onclick="return check(this.form)">  

</form>

第二种:

<script type="text/javascript">
function check(form) {

if(form.userId.value=='') {
alert("请输入用户帐号!");
form.userId.focus();
return false;
}
if(form.password.value==''){
alert("请输入登录密码!");
form.password.focus();
return false;
}
return true;
}
</script>

<form action="login.do?act=login" method="post" onsubmit="return check(this)">
用户帐号
<input type=text name="userId" size="18" value="" >
<br>
登录密码
<input type="password" name="password" size="19" value=""/>
<input type=submit name="submit1" value="登陆"> 

</form>

第三种:

<script type="text/javascript">
         function check(form) {

          if(form.userId.value=='') {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==''){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }

          document.myform.submit();
}
</script>

<form action="login.do?act=login" name="myform" method="post">
用户帐号
  <input type=text name="userId" size="18" value="" >
<br>
 登录密码
<input type="password" name="password" size="19" value=""/>
<input type=button name="submit1" value="登陆" onclick="check(this.form)">  

</form>

表单验证:

<script type="text/javascript" src="${path}/js/custom/validator.js"></script>

三种结合:

<script type="text/javascript" src="${path}/js/custom/validator.js"></script>
<script language="javascript">

	function check(form) {
		//alert(form.open_date.value);
		var beginTime = form.open_date.value;
	    var endTime = form.bid_date.value;
	    var beginTimes = beginTime.substring(0, 10).split('-');
	    var endTimes = endTime.substring(0, 10).split('-');

	    beginTime = beginTimes[1] + '-' + beginTimes[2] + '-' + beginTimes[0] + ' ' + beginTime.substring(10, 19);
	    endTime = endTimes[1] + '-' + endTimes[2] + '-' + endTimes[0] + ' ' + endTime.substring(10, 19);

	    //alert(beginTime + "aaa" + endTime);
	   // alert(Date.parse(endTime));
	   // alert(Date.parse(beginTime));
	    var a = (Date.parse(endTime) - Date.parse(beginTime)) / 3600 / 1000;
	    if (a < 0) {
	        alert("评标时间必须晚于开标时间!");
	        return false;
	    } else if (a > 0) {
	        //alert("endTime大!");
		//document.myform.submit();
	    } else if (a == 0) {
	        alert("评标时间必须晚于开标时间!");
	        return false;
	    } else {
	    	return false;
	    }
	    return true;
	}
		     </script>
 
------------------表单----------------
<form action="${path}/AmAppliaction_add.do"
			method="post" id="myform" name="myform" onSubmit="return Validator.Validate(this,3)">
				<table class="table" cellspacing="0" cellpadding="2" width="99%"
				align="center" border="0">
	<input label="开标时间" id="open_date" name="open_date" value="${open_date}"  dataType="Require" msg="开标时间不能为空"
												class="Wdate" size="10" readonly="readonly" style="height:15px;width: 184px;"
												 onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"  />
<td class="td_bg"  align="left" colspan="2">
							<input type="submit" name="submit1" value="提交" onclick="check(this.form)">
							<s:reset value="重置" cssClass="btn"></s:reset>
						</td>
</form>

--------------------------验证会先比较时间-------------------然后FORM提交触发JS表单验证------------------------

时间: 2024-10-18 23:28:40

js日期/时间比较函数,以及js校验表单后提交表单的三种方法,表单验证,以及三种结合的相关文章

js非常强大的日历控件fullcalendar.js, 日期时间库: moment.js

日历控件: https://fullcalendar.io/docs/ https://fullcalendar.io/docs/event_data/events_function/ https://fullcalendar.io/docs/event_data/Event_Object/ https://fullcalendar.io/docs/mouse/eventClick/ <!DOCTYPE html> <html> <head> <meta char

原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

原文出处 (这是我从互联网上搜来的,感觉能满足各方面的需求.个人感觉挺不错的,所以后期修改了一下向大家推荐!) 效果图: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org

JS日期时间选择器

本文介绍一种日期和时间选择器的用法.此选择器由jqueryUI实现,支持精确到毫秒的时间选择. 此选择器项目地址为http://trentrichardson.com/examples/timepicker/ Demo地址为:http://www.helloweba.com/demo/timepicker/ 下载地址:http://download.csdn.net/detail/yanwushu/7721933 效果图 另外关于js时间选择器还可以参考其他项目 http://www.bootc

js -- 日期时间格式化

/** * js日期时间格式化 * @param date 时间读对象 * @param format 格式化字符串 例如:yyyy年MM月dd日 hh时mm分ss秒 * @returns {string} 返回格式化后的字符串 */function dateFormat (date, format) { var o = { "M+": date.getMonth() + 1, //month "d+": date.getDate(), //day "h+

js 日期比较大小,js判断日期是否在区间内,js判断时间段是否在另外一个时间段内

/** * 日期解析,字符串转日期 * @param dateString 可以为2017-02-16,2017/02/16,2017.02.16 * @returns {Date} 返回对应的日期对象 */ function dateParse(dateString){ var SEPARATOR_BAR = "-"; var SEPARATOR_SLASH = "/"; var SEPARATOR_DOT = "."; var dateArr

js日期时间比较

1 //js日期比较( 要求日期格式:yyyy-mm-dd) 2 3 function DateBiJiao(firstDate, lastDate) { 4 var arr = firstDate.split("-"); 5 var firsttime = new Date(arr[0], arr[1], arr[2]); 6 var firsttimes = firsttime.getTime(); 7 8 var arrs = lastDate.split("-&quo

js日期/时间格式化方法

一.javascript Date format(日期格式化) 方法一: // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:0

js日期时间函数(经典+完善+实用)(转采自 :bicabo)

日期时间脚本库方法列表 Date.prototype.isLeapYear 判断闰年Date.prototype.Format 日期格式化Date.prototype.DateAdd 日期计算Date.prototype.DateDiff 比较日期差Date.prototype.toString 日期转字符串Date.prototype.toArray 日期分割为数组Date.prototype.DatePart 取日期的部分信息Date.prototype.MaxDayOfDate 取日期所在

js 日期时间的格式化

将日期时间转换为指定格式,如:YYYY-mm-dd HH:MM表示2019-06-06 19:45 function dateFormat(fmt, date) { let ret; let opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), /