设置日期值

时间:2018-06-01 08:05:45

标签: javascript jquery html5 forms input

我创建了一个表单,供用户插入日期(天/月),我需要禁用插入非相干值的可能性,例如最大值 12 的月份和最大 31 的日子,我想禁用插入高于此值的数字的可能性。

这是表格

 <div class="form-group col-sm-3 col-md-3 col-lg-3">
            <label for="dtDateFrom">From Day/Month</label>
            <input type="text" name="datefrom" id="dtDateFrom"  value="%dtDateFrom%"/>
        </div>

这是我用来制作长4位数并用a/分隔的面具

function maskFormatterForData(val) {
    $(val).mask("ZZ / ZZ", {
        translation: {
            'Z': {
                pattern: /[0-9]/,
                optional: true
            }
        }
    });
};

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

您可以使用操作替换警报以显示消息:

$("#dtDateFrom").on("change", function(){
  var result = $(this).val().split("/");
  
  if(result.length == 2){
    if(result[0] >= 1 && result[0] <= 12 && result[1] >= 1 &&  result[1] <= 12){
      alert("Valid entry");
    }
    else{
      alert("Please enter the field in format Day/Month");
    }
  }
  else{
    alert("Please enter the field in format Day/Month");
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group col-sm-3 col-md-3 col-lg-3">
            <label for="dtDateFrom">From Day/Month</label>
            <input type="text" name="dtDateFrom" id="dtDateFrom" />
        </div>