请问怎么限定FormInput表单输入的内容仅为6位数字呢

Question

我是编程小白，需要对一段代码中限定输入“房间名”仅为6数字，不允许出现出现字母或其他符号，请问这种限定应该如何写，加在什么地方呢？（尝试过直接在FormInput后面加maxlength这样的语句，但是无效）

 <FormControl className={classes.formControl}>
              <FormInput Label={t('home.room_name')} value={session.roomName} onChange={
                (val: string) => {
                  setSessionInfo({
                    ...session,
                    roomName: val
                  });
                }}
                requiredText={required.roomName}
              />
            </FormControl>

请问一下这里可否在onchange中加入一个类似于“if length === 6” 这样的判断来限定输入内容的长度呢

Answer 1

看你用的是哪家的ui，ui可能会自带输入框验证属性，没有的话原生的要自己去加事件，正常加个blur失去焦点的事件去匹配规则就行了