2017-03-29 3 views
0

私は入力フィールドにすでに8桁の数字を入力させていますが、数字を入力するように強制したいときは、彼が2を書いた場合は最初の数字を間違えて入力し、残りの数字を入力させてください。チェック番号入力フィールドは8桁しかなく、数字2で始まります

<input type="number" maxlength="8" class="form-control myInput" name="myInput" id="myInput" placeholder="myInput" pattern="\d{8}" required> 
</div> 

jQueryの

$(".myInput").unbind('keyup change input paste').bind('keyup change input paste',function(e){ 
    var $this = $(this) ,val = $this.val(),valLength = val.length, maxCount = $this.attr('maxlength'); 
    if(valLength>maxCount){ 
     $this.val($this.val().substring(0,maxCount)); 
    } 
}); 

助けてください

HTML: はここに私のコードです。

答えて

1

ここに私の解決策

のjQuery

$("#myInput").on('keypress', function(){ 
      var numbers = $(this).val().trim(); 
      if(numbers[1]){ 
       if(numbers[0] != '2' || numbers.length > 8){ 
       $(this).val(''); 
       $('.error').html("Error the input has to start with number 2 and has to be lesser than 8 numbers"); 
       }else{ 
       $('.error').html("Good"); 
       } 
      } 
      }); 

HTML

<input type="number" maxlength="8" id="myInput" required> 
<div class='error'> 

</div> 

これはあくまで一例ですが、何を調整すること自由に感じ、私はいくつかのタグやものを削除していますが、再度追加することができますそれらはこれを行う方法を示すだけです

したがって、スクリプトは最初の1が2であれば、それはメッセージを誤ると、それ以外の入力値をリセット示していない場合は、それはそれはフィドルが

https://jsfiddle.net/qh7gwecc/3/

であるここでは良い

を書き込みチェックyesの場合2numbersが入力されています

関連する問題