datepicker 日期控件的js校验(version-input.jsp)
来源:互联网 发布:网站信息采集到数据库 编辑:程序博客网 时间:2024/06/05 05:46
<!-- 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个字符');
}
}
阅读全文
0 0
- datepicker 日期控件的js校验(version-input.jsp)
- 日期控件datepicker的日期剔除解决方法
- jquery ui datepicker起始日期与结束日期的校验
- DatePicker TimePicker---时间日期控件的使用
- Jquery日期控件datepicker的使用
- 日期控件的使用(Datepicker Widget)
- jquery datepicker-强大的日期控件
- 日期控件My97 DatePicker 的使用
- 做最好的日期控件,My97 DatePicker
- jquery datepicker-强大的日期控件
- 日期控件My97 DatePicker 的使用
- 日期选择控件 (DatePicker)
- My97 DatePicker 日期控件
- 日期控件Datepicker
- My97 DatePicker日期控件
- DatePicker日期控件
- DatePicker日期控件
- jquery datepicker日期控件
- python不可变性和可变性的区别
- CentOS7下配置JDK
- C/C++调试笔记:空指针报错The inferior stopped because it received a signal from the operating system.
- react知识(一)React.createClass Vs React.Component
- 防火墙规则设置
- datepicker 日期控件的js校验(version-input.jsp)
- 数据库单表查询超时,重建索引失败。
- Java实现怎样hashcode
- python高级特性与高阶函数
- 基于jQuery的遍历同id元素 并响应事件的代码
- “一一配对”概念让5千年都无人能识的自然数一下子暴露出来 ——无穷集{0,1,2,…,p,…}只是N的真子集
- 字符编码
- js 策略模式
- 排序之折半插入排序