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 混淆规则问题
153浏览 • 1回复 待解决
HarmonyOS 应用包名命名规则
966浏览 • 1回复 待解决
HarmonyOS TextInput如何clearFocus
368浏览 • 1回复 待解决
HarmonyOS 平台崩溃聚类规则文档
58浏览 • 1回复 待解决
TextInputonSubmit事件如何使用
2375浏览 • 1回复 待解决
HarmonyOS Textinput如何实现中间插入
361浏览 • 1回复 待解决
HarmonyOS TextInput使用
355浏览 • 1回复 待解决
视频列表规则排列
714浏览 • 1回复 待解决
HarmonyOS scroll如何限制最大高度
43浏览 • 1回复 待解决
HarmonyOS TextInput如何主动弹出键盘?
368浏览 • 1回复 待解决
HarmonyOS 使用preferences存储限制
413浏览 • 1回复 待解决
如何查询fd数量限制
1484浏览 • 1回复 待解决
HarmonyOS 如何取消TextInput自动聚焦
479浏览 • 1回复 待解决
HarmonyOS TextInputstateStyles部分生效
483浏览 • 1回复 待解决
HarmonyOS TextInput焦点问题
409浏览 • 1回复 待解决
HarmonyOS TextInput 换行问题
712浏览 • 1回复 待解决
HarmonyOS TextInput 组件问题
487浏览 • 1回复 待解决