Jquery不允许2的乘积大于2

jquery do not allow product of two to be more that

本文关键字：大于 不允许 Jquery      更新时间：2023-09-26

Jsfiddel link: https://jsfiddle.net/d6uarv9h/9/

我有两个输入框的长度和宽度，这些是用来计算基于它们的比例的面积，这是很好的。

我希望这个区域(= length * width)不超过1000。

下面是我的代码:

我可以在面积超过1000时显示警告，但用户必须不允许输入使面积超过1000的数量

var sizeheight = "1";
var sizewidth ="1.61";
jQuery("#sizewidth").on("input propertychange paste", function() {
    jQuery('#sizeheight').val(((jQuery('#sizewidth').val()*sizeheight)/sizewidth).toFixed(2));
    jQuery('#finalsize').html(jQuery("#sizewidth").val()+" * "+jQuery("#sizeheight").val()+ " inches");
});
jQuery("#sizeheight").on("input propertychange paste", function() {
    jQuery('#sizewidth').val(((sizewidth/sizeheight)*jQuery('#sizeheight').val()).toFixed(2));
    jQuery('#finalsize').html(jQuery("#sizewidth").val()+" * "+jQuery("#sizeheight").val()+ " inches");
});	

$('#sizewidth,#sizeheight').on('keyup', function(e) {
var myfinalarea = parseFloat(jQuery('#sizewidth').val())*parseFloat(jQuery('#sizeheight').val());
  if (myfinalarea > 1000){
   jQuery('#warning').show();
    /* to add code here */
  }else{ jQuery('#warning').hide(); }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="sizewidth" value="1.61">
<input type="text" id="sizeheight" value="1">
<span id="finalsize">1.61*1</span>
<span id="warning" style="display:none">area should be less that 1000</span>

您可以看看这篇文章。

所以在输入事件监听器中，在您完成计算之后，您意识到总大小大于您的限制，您使用event.preventDefault来防止发生更改。

相关文章：