如何使用 Vanilla JS 或 JQuery 在 ReactJS 中实现受控输入概念?
尝试过,oninput
但只有在文本框中的值发生变化后才会触发。
这是我的代码示例,它应该阻止用户输入大于 999 的值。如果用户输入 1000,它会更改为 999,但应该保持在 100。
<input name="count" id="groupcount" oninput="changeQuantityInGrid(this.value)">
....
function changeQuantityInGrid(quantity) {
var maximun_connection_count = 999;
if (quantity > maximun_connection_count){
$('#groupcount').val(maximun_connection_count);
}
}
我想你想要这样的东西
只需用于$("#groupcount").maxValue(999);
将其应用于任何输入
$.fn.maxValue = function(maximun_connection_count) {
this.each(function() {
var value;
$(this).on('input', function(e) {
var quantity = e.target.value;
if (quantity > maximun_connection_count) {
$(this).val(value);
} else {
value = e.target.value;
}
})
})
}
$("#groupcount").maxValue(999);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="count" id="groupcount">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句