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个字符');
        }
          
      } 
原创粉丝点击