Установить значения даты

Question

Я создал форму для пользователей, чтобы вставить дату (дни / месяцы), и мне нужно отключить возможность вставки несогласованных значений, например, для месяца максимальное значение будет 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
            }
        }
    });
};

Спасибо за помощь.

Answer 1

Вы можете заменить оповещения действием, чтобы показать сообщение:

$("#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>