salt-ui text-field 数字输入问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

salt-ui text-field 数字输入问题

stwflyfox 2016-11-22 15:10:55 2419
使用 salt-ui   的  text-field文本框, 在某些场景下需要只输入数字,如订货数量和金额,
要怎么限制只能输入数字, 而且输入时默认能用数字键盘
分享到
取消 提交回答
全部回答(2)
  • 钉友
    2016-11-26 22:44:56
    Resalt-ui text-field 数字输入问题
    设置onchange事件吧, 按正则匹配,输入错误字符,就弹出不影响体验的提示.

    React有一个PropTypes属性校验工具,经过简单的配置即可。当使用者传入的参数不满足校验规则时,React会给出非常详细的警告,定位问题不要太容易。
    是这样解决吗?

    -------------------------

    Resalt-ui text-field 数字输入问题
    组件使用的时候,使用type='number' 属性, 这样安卓上组件焦点获得,弹出的是数字输入,且不能输入其他字符.
    <TextField  
                        label={this.props.label}
                        type="number"
                        placeholder={'请输入'+this.props.label+'...'}
                        value={this.state.value}
                        onChange={this.handleTextChange.bind(this)}
                    />


    0 0
  • injekt
    2016-11-22 16:57:32
    可以通过传入props type=tel来设置,不过只在安卓有效,iOS由于系统限制无法设置
    0 0
添加回答
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章