2019/08/01

inputの値が合致しなかったら消す










See the Pen inputの値が合致しなかったら消す by takapen (@takapen) on CodePen.







html







jQuery

 $(function () {

  // 今月
  var date = new Date () ;
  var year = date.getFullYear() ; // 年
  var month = date.getMonth() + 1 ; // 月

  // 3ヶ月後
  var date3Month = new Date () ;
  date3Month.setMonth(date3Month.getMonth() + 3);
  var add3Month = date3Month.getMonth() + 1 ; // 月


  // 年(今年と来年以外の値が入ったら消す)
  $("input[name='year']").blur(function(){
    if(!$(this).val().match(year) && !$(this).val().match(year + 1)){
      $(this).val("");
    }
  });


  // 月(3ヶ月後以外の月が入れられたら消す)
      //var month = 7;
      //var add3Month = 10;
      //7 8 9 10
  $("input[name='month']").blur(function(){
    if(month > add3Month) {
      //var month = 11;
      //var add3Month = 1;
      //11 12 1 の月の場合。(3ヶ月先が1月とか小さい値になる場合)
      if( $(this).val() < month && $(this).val() > add3Month ){
        $(this).val("");
      }
    } else {
      //var month = 7;
      //var add3Month = 10;
      //7 8 9 10 の月の場合。(3ヶ月先が今月より大きい値になる場合)
      if( $(this).val() < month || $(this).val() > add3Month ){
        $(this).val("");
      }
    }
  });


});