jQuery MiniUI

标题: 关于数值范围校验规则 [打印本页]

作者: mojunb 时间: 2017-9-18 13:38:58 标题: 关于数值范围校验规则

现在有个需求
2个input框，每个框里都可以输入1~15范围内的数字
但要求前一个框里输入一个数字之后，比如5
后一个框里只能输入1~4范围内的数字

看了下api文档
<td class="td1">数字范围（0-100）：</td>
         <td>
            <input class="mini-textbox" vtype="range:0,100" required="true"/>
         </td>

这个校验似乎可以做

但range后面的数字该怎么在js中获取呢
或者我这个需求miniui里面有什么现成的方法我还没看到？

作者: dforce 时间: 2017-9-18 13:56:20

var str=mini.get(id).getVtype(); //range:0,100
然后根据分割字符串获取里面的数字。

作者: mojunb 时间: 2017-9-18 14:01:09

dforce 发表于 2017-9-18 13:56
var str=mini.get(id).getVtype(); //range:0,100
然后根据分割字符串获取里面的数字。 ...

在前一个input没值，后一个input不允许输入，可以怎么操作

作者: dforce 时间: 2017-9-18 14:15:57

mojunb 发表于 2017-9-18 14:01
在前一个input没值，后一个input不允许输入，可以怎么操作

初始设置第二个禁用，当一个值改变并且非空后设置第二个启用
<input id="t1" class="mini-textbox"  required="true" />
<input id="t2" class="mini-textbox" enabled="false" />
var t1 = mini.get("t1");
var t2 = mini.get("t2");
t1.on("valuechanged", function (e) {
      if (e.value !== "") {
         t2.setEnabled(true);
         var vtype = "range:0," + parseInt(e.value);
         t2.setVtype(vtype);
      }
})

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)