Axure输入框设置输入数字的限制

本文介绍如何在Axure中设置文本框仅允许输入数字,通过交互方式实现,避免数字输入限制的默认行为,如输入前即禁用非数字字符,以及右侧的增减按钮。通过设置用例条件、全局变量和按键松开时的判断,确保每次按键后只保留数字输入,从而达到预期效果。
摘要由CSDN通过智能技术生成

我们在用Axure制作原型的时候,经常会使用到一个部件就是——文本框部件。文本框和多行文本框(也叫文本域),是我们制作需要用户填写的功能时使用的部件。

 

但是在Axure里面文本框的设置存在一些缺陷,让很多朋友在做原型的时候遇到一些困难。比如今天我们一起来看的这个小小的限制功能:如何文本框只能输入数字。

 

大家可能会想到的一个方法是,设置文本框的类型为数字(number)就可以了,当然,这是一种设置方法。

 

这种设置方法简单,但是也存在一定的缺定。

 

1、在输入内容之前就已经完全禁止输入,所有看不到自己输入的内容是什么(数字除外)

2、在文本框的右侧有按钮可以对数字进行增减。

 

如果前面的设置方法做的并不是我们想要的效果的话,我们就必须另外想办法达到我们的要求。常规的办法不行,我们就要考虑用交互设置的方法来制作。

 

当然,输入的内容分为数字和非数字两种,所以我们需要设置用例条件。如果输入的内容是数字的话,就让文本框的内

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值