Question

首先，您可以手动输入不同的数字，然后您可以查看特定值以上或以下。您也可以检查元素并自己设置不同的最小值或最大值。我该如何验证？或者我应该只将SQL的值检查为0或1。

这是我现在的代码：

<form action="" method="post" class="-koowa-form">
    <div>
        <div>
            <input  type="text" name="naam" id="naam" size="40" maxlength="255" value="<?= $test->naam; ?>" placeholder="<?= translate( 'naam' ); ?>" />
            <input  type="text" name="kleur" id="kleur" size="40" maxlength="255" value="<?= $test->kleur; ?>" placeholder="<?= translate( 'kleur' ); ?>" />
            <input  type="number" name="active" id="active" size="40" min="0" max="1" value="<?= $test->active; ?>" placeholder="<?= translate( 'active' ); ?>" />
        </div>
        <input type="color" name="kleurcode" value="<?= $test->kleurcode; ?>"  
    </div>
</form>

我现在所拥有的东西似乎非常混乱，我看到了3年多前关于这个问题的线索。想知道是否有一个简单而干净的解决方案，或者我应该采取不同的方式。

编辑：澄清我知道显然必须在后端检查，但我想让它在前端也能正常工作。这看起来非常邋and和不专业。

FIX：现在我已经这样做了，稍后在jquery中添加验证错误消息

编辑：修复很可怕添加了一个可重复使用的javascript现在只修复

<script type="text/javascript">
function checkMinMax(event) {
    var value = this.value,
        min = this.getAttribute('min'),
        max = this.getAttribute('max');

    if(value < min)
        this.value = min;
    else if(value > max)
        this.value = max;
}

window.addEventListener('load', function() {
    document.getElementById('active').addEventListener('keyup', checkMinMax);
});

Answer 1

您只能在服务器端安全地检查这些内容。在客户端，一切都由客户端控制。 HTML代码可以在客户端进行更改，javascript代码可以在客户端进行更改因此，您的服务器从客户端收到的 nothing 可以得到保证！这是Web安全性的第一课。必须使用诸如PHP之类的服务器端语言在服务器端检查有效输入。

前端只能使它变得容易＆＃34;供用户输入有效数据。为此，有许多事情被发明如min,max,type="number", required等。但这取决于浏览器这些东西实际实现和支持的程度。所以是的，从前端跨浏览器的角度来看，我们还有很长的路要走，让它看起来不那么混乱。

使其在＆＃34;所有＆＃34;浏览器（我从未在＆＃34;所有＆＃34;中包含IE），您可以对输入使用各种javascript检查，以确保min和max没有被违反。
一个很好的方法是在输入中使用oninput监听器，使用html中的oninput="validate()"。然后使用类似valBetween的函数（见下文）来设置新值。

function validate() {
    this.value = valBetween(this.value, this.min, this.max);
}

function valBetween(v, min, max) {
    return (Math.min(max, Math.max(min, v)));
}

HTML5 <input /> type = number可防止用户违反min =“”或max =“”值

1 个答案: