入力値がxより小さいかどうかjQueryでxに変更する場合

Question

ユーザが1より小さい値に変更した場合、入力値を1に変更したいと思います。値が変更されるたびに機能します。これまでのところ、無条件で値を1に変更することができます：

jQuery(document).ready(function() { 
    jQuery('input[type=text]').val('1'); 
}); 

次に何をすればよいですか？

Answer 1

これにはchangeイベントとifステートメントを使用します。

次のコードは、として読み取ることができる例は、

jQuery('input[type=text]').on('change', function() { 
    var myInput = jQuery(this); 

    if (myInput.val() < 1) { 
     myInput.val('1'); 
    } 
}); 

「myInputの値が1未満である場合、場合myInput変化の値は、1にmyInputの値を設定」：

をあなたがのイベントリスナーを追加する必要が

jQuery('input[type=text]').on('change', function() { 
 
    var myInput = jQuery(this); 
 

 
    if (myInput.val() < 1) { 
 
     myInput.val('1'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text">

Answer 2

あなたの入力のchangeイベントを受けてください。

jQuery('input[type=text]').on('change', function() { 
    if (jQuery(this).val() < 1) { 
     jQuery(this).val('1'); 
    } 
} 

おそらく<input type="number" min="1">を代わりに使用したいですか？

Answer 3

入力自体にはまたはkeyupが含まれています。

$(function() { 
 
    $('#myval').on('change', function() { 
 
    // allow minimum of 1 
 
    $(this).val(Math.max($(this).val(), 1)) 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="myval" value="1" />

ものの、同じ結果を達成するために、あなたの特定のケースでは、あなただけのnumberタイプの入力を持つことができ、それにmin属性を追加します。

<input type="number" id="myval" value="1" min="1" />

を