您的位置:首页 > Web前端 > JavaScript

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个字符');

        }

          

      } 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: