datepicker 日期控件的js校验(version-input.jsp)
2017-07-11 14:04
423 查看
<!-- JS判断输入框中输入的日期格式为yyyy-mm-dd和正确的日期 -->
//对创建时间日期进行合法性校验,不能输入任意字符或不存在的时间
function checkCreateTime() {
var reg = /^(\d{4})-(\d{2})-(\d{2})$/;
var str = document.getElementById("createTime").value;
var arr = reg.exec(str);
if (str == "")
return true;
if (!reg.test(str) && RegExp.$2 <= 12
&& RegExp.$3 <= 31) {
alert("你输入的时间不存在");
}
return true;
}
因为这里使用的是datepicker 而不是datetimepicker(输入非法字符,默认会自动显示当前日期),所以要进行日期合法性校验.
//为日期型注册日期控件
$("#updated,#createTime").datepicker({
format: "yyyy-mm-dd",
forceParse: false,
calendarWeeks: true,
weekStart: 1,
language: "zh-CN",
autoclose: true
});
//jquery ui中的datepicker日期选择,怎么样将当前日期之前的时间设为设为不能选中
//时间日期选择(开始时间和终止时间)
$('#startDate,#endDate').datetimepicker({
dayOfWeekStart : 1,
minDate: new Date(), //当前日期之前的时间不能选中
lang:'zh'
});
});页面加载完成执行的方法
function checkEndDate(){
var s1 = document.getElementById("startDate").value.toString();
var s2 = document.getElementById("endDate").value.toString();
var d1 = new Date(s1);
var d2 = new Date(s2);
if (d1.getTime() > d2.getTime()) {
alert("结束时间必须在开始时间之后,请您重新选择结束时间");
}
<input type="text" id="upurl" maxlength="40" class="form-control" name="upurl" value="${version.upurl}" data-toggle="tooltip" title="请输入下载地址,必填项" data-placement="top" placeholder="请输入下载地址"/>
</div>
直接用maxlength="40"代替如下的js.用户输入的字符大于40个就不能输入了
//对下载地址文本框进行限定
function checkUpurl() {
var s = document.getElementById("upurl").value;
if (s.length > 40) {
alert('你输入的下载地址不能超过40个字符');
}
}
//对创建时间日期进行合法性校验,不能输入任意字符或不存在的时间
function checkCreateTime() {
var reg = /^(\d{4})-(\d{2})-(\d{2})$/;
var str = document.getElementById("createTime").value;
var arr = reg.exec(str);
if (str == "")
return true;
if (!reg.test(str) && RegExp.$2 <= 12
&& RegExp.$3 <= 31) {
alert("你输入的时间不存在");
}
return true;
}
因为这里使用的是datepicker 而不是datetimepicker(输入非法字符,默认会自动显示当前日期),所以要进行日期合法性校验.
//为日期型注册日期控件
$("#updated,#createTime").datepicker({
format: "yyyy-mm-dd",
forceParse: false,
calendarWeeks: true,
weekStart: 1,
language: "zh-CN",
autoclose: true
});
//jquery ui中的datepicker日期选择,怎么样将当前日期之前的时间设为设为不能选中
//时间日期选择(开始时间和终止时间)
$('#startDate,#endDate').datetimepicker({
dayOfWeekStart : 1,
minDate: new Date(), //当前日期之前的时间不能选中
lang:'zh'
});
});页面加载完成执行的方法
function checkEndDate(){
var s1 = document.getElementById("startDate").value.toString();
var s2 = document.getElementById("endDate").value.toString();
var d1 = new Date(s1);
var d2 = new Date(s2);
if (d1.getTime() > d2.getTime()) {
alert("结束时间必须在开始时间之后,请您重新选择结束时间");
}
<input type="text" id="upurl" maxlength="40" class="form-control" name="upurl" value="${version.upurl}" data-toggle="tooltip" title="请输入下载地址,必填项" data-placement="top" placeholder="请输入下载地址"/>
</div>
直接用maxlength="40"代替如下的js.用户输入的字符大于40个就不能输入了
//对下载地址文本框进行限定
function checkUpurl() {
var s = document.getElementById("upurl").value;
if (s.length > 40) {
alert('你输入的下载地址不能超过40个字符');
}
}
相关文章推荐
- jsp中弹出日期选择框,js控件,三种样式
- js jsp 时间 日期 控件 插件 简单 实用
- 很不错的js日期控件/在jsp页面弹出选择日期
- jsp日期选择框 ,无需第三方js控件
- Fastclick.js日期插件中的input控件无法被触发
- js jsp 时间 日期 控件 插件 简单 实用
- js实现jsp页面日期时间控件
- 一个基于JS的日期选择控件
- datePicker――日期选择控件(with jquery)
- js的日期控件
- WebCalendar日期控件[Version 2.1.2004.1007]
- 功能强大界面漂亮的js日期控件 My97 DatePicker Ver 2.1
- Lion.Web.Calendar日期控件[Version 2.0.2004.0928]
- WebCalendar日期控件[Version 2.1.2004.1007]
- 超级简单好用的JS日期控件
- 两种js的日期控件!一个精确到秒!
- JS日期和时间选择控件
- datePicker――日期选择控件(with jquery)
- JS 日期控件
- js日期选择控件(Asp.Net可用)