HarmonyOS 如何限制TextInput的规则?

我需要限制数组最多两位小数。

TextInput({ text: this.uiState.extralValueFen, placeholder: '请填写' })  
  .backgroundColor(Color.Transparent)  
  .placeholderColor($r('app.color.gray_25_percent'))  
  .fontColor($r('app.color.black_85_percent'))  
  .fontSize(16)  
  .layoutWeight(1)  
  .maxLength(11)  
  .height(34)  
  .type(InputType.NUMBER_DECIMAL)  
  .onChange((value) => {  
    let result = value.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/, '$1')  
    console.log("结果======="+result)  
    this.uiState.extralValueFen = result  
    this.vm?.extraChange(result)  
  })
HarmonyOS
2024-10-22 11:20:00
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

请参考如下demo:

@Entry  
@Component  
struct TextInputExample {  
  @State message: string = ''  
  controller: TextInputController = new TextInputController()  
  build() {  
    Column() {  
      TextInput({placeholder: '请输入内容', text: this.message })  
        .width('100%')  
        .type(InputType.NUMBER_DECIMAL)  
        .maxLength(11)  
        .backgroundColor(Color.Green)  
        .onChange((value) => {  
          this.message = value  
          let reg = new RegExp('^(([1-9]{1}\\d*)|([0]{1}))(\\.(\\d){0,2})?$')  
          let res = reg.test(value)  
          if (!res) {  
            this.message = value.substring(0, value.length - 1)  
          } else {  
            this.message = value  
          }  
        })  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-10-22 17:16:36
相关问题
HarmonyOS TextInput输入内容限制
1884浏览 • 1回复 待解决
HarmonyOS sdk混淆规则
879浏览 • 1回复 待解决
HarmonyOS 混淆规则问题
1011浏览 • 1回复 待解决
HarmonyOS 日历重复规则如何设置
979浏览 • 1回复 待解决
HarmonyOS 如何做不规则流水布局
1051浏览 • 1回复 待解决
HarmonyOS 如何限制Flex行数
822浏览 • 1回复 待解决
HarmonyOS 包名规则
1060浏览 • 1回复 待解决
HarmonyOS 应用包名命名规则
2905浏览 • 1回复 待解决
HarmonyOS 模块之间混淆规则
946浏览 • 1回复 待解决
HarmonyOS 混淆规则细节疑惑
897浏览 • 1回复 待解决
视频列表规则排列
1822浏览 • 1回复 待解决
HarmonyOS 如何获取TextInput输入
1017浏览 • 1回复 待解决
HarmonyOS 如何隐藏TextInput光标
858浏览 • 1回复 待解决
HarmonyOS TextInput如何clearFocus
1051浏览 • 1回复 待解决
TextInputonSubmit事件如何使用
3666浏览 • 1回复 待解决
HarmonyOS 平台崩溃聚类规则文档
758浏览 • 1回复 待解决
HarmonyOS规则形状裁剪
924浏览 • 1回复 待解决
HarmonyOS har包混淆规则
1239浏览 • 1回复 待解决