强制限制数字输入 - Enforce limit on numeric input.

Enforce limit on numeric input.

本文关键字：数字输入 | 更新日期: 2023-09-27

所以我有这个：

<input name="data[Donation][amount]" value="0.00" step="any" maxlength="12" type="number" id="DonationAmount">

我的问题是，如何确保这个字段中没有负数？如果可能的话，我想把它固定在后端和前端。

谢谢。

在客户端，您可以使用类似的JavaScript进行测试

var num=123.45;
$("#DonationAmount").val().match(/^[0-9.]+$/)

在服务器端，你可以像一样进行检查

$num = "100";
if ( (int)$num == $num && (int)$num > 0 )

您可以使用min和max属性！

<input type="number" min="0" max="10" />

允许用户选择0到10之间的数字！

如果你的后端是用PHP构建的，你可以这样检查：

if($_POST["data"]["Donation"]["amount"] < 0) {
    return false;
}

客户端：

$("#DonationAmount").keypress(function(event) {
  if ( event.which == 45 || event.which == 189 ) {
      event.preventDefault();
   }
});

这将确保"-"符号不能进入文本字段

服务器端：

if($_POST["data"]["Donation"]["amount"] < 0) {
    return false;
}

HTML:

<input name="data[Donation][amount]" value="0.00" step="any" maxlength="12" min="0" type="number" id="DonationAmount">

在前端，您应该使用javascript来执行此操作。

<script type="text/javascript">
function checknumber(val)
{
    if(val < 0)
    {
         alert('invalid value');
    }
}
</script>
<input name="data[Donation][amount]" value="0.00" step="any" maxlength="12" type="number" id="DonationAmount" onblur="checknumber(this.value)">

而在服务器端，你可以这样做。。。

<?php
    $Amount = $_POST["data"]["Donation"]["amount"];
    if($Amount < 0 || !is_numeric($Amount))
    {
        echo "Invalid value";
    }
?>