jQuery MiniUI

 找回密码
 立即注册
查看: 2484|回复: 3
打印 上一主题 下一主题

关于数值范围校验规则 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 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里面有什么现成的方法我还没看到?

Rank: 8Rank: 8

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

Rank: 3Rank: 3

板凳
发表于 2017-9-18 14:01:09 |只看该作者
dforce 发表于 2017-9-18 13:56
var str=mini.get(id).getVtype();   //range:0,100
然后根据分割字符串获取里面的数字。 ...

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

Rank: 8Rank: 8

地板
发表于 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);
        }
    })

Archiver|普加软件

GMT+8, 2025-3-15 05:23 , Processed in 1.019853 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部