Question

我遇到了如何通过数据库中的数据限制输入文本的“最大”值。

我有一个这样的表格：

<input type="text" class="form-control" name="transaksiQty" id="transaksiQty"  aria-describedby="basic-addon1" />

我有一个来自数据库的数据，名为 item_qty 。如果值大于 item_qty 并且显示警告，我希望此输入文字被拒绝。

请建议，
感谢

Answer 1

这是一种非常简单易行的方法，可以通过在加载页面时仅使用警报修剪或删除字段数据来限制字段数据：

使用MagJS

这个例子简单而有力

HTML：

<div id="validate">
 <label>Name:</label>
 <input type="text" class="form-control" name="transaksiQty" id="transaksiQty" aria-describedby="basic-addon1" value="datafromserver" />
 <hr/>
</div>

JS：

var props = {
  limit: 10
}

mag.module("validate", {

  view: function(state, props) {

    state.input = {

      _config: function(node, isNew) {

        // runs only onload initially
        if (isNew && node.value.length > props.limit) {
          alert('data is larger than the limit of: ' + props.limit)

          //trim size based on limit or simply remove it ?

          // TO remove
          //node.value = '';

          //TO trim based on limit
          node.value = node.value.substr(0, props.limit)
        }
      }
    }
  }
}, props)

以下是工作示例的链接：http://jsbin.com/yuromoviko/1/edit?html,js,output

希望有所帮助！

如果输入的文本值大于数据库中的数据，则显示alert

1 个答案: