Home > Net >  Add a special character inside of textformfield input [Flutter]
Add a special character inside of textformfield input [Flutter]

Time:04-12

In a classic textformfield widget, I want to put the "/" character automatically after the fourth character when the user enters input. How can I do this?

Thanks for help!

Example input 2012/324234

                 OcasTextFormFieldContent(
                      maxLength: 12,
                      inputType: TextInputType.number,
                      validator: (String? fieldContent) {
                        if (fieldContent == "" || fieldContent == null) {
                          return 'not empty';
                        } else if (fieldContent.length < 12) {
                          return 'wrong type.';
                        } else {
                          return null;
                        }
                      },
                      controller: _dosyaNo,
                      name: "Doc No: ",
                      placeholder: "Please enter doc no"),

CodePudding user response:

If you want to add / automatically, you can use onChange property of TextField.

You can add following code in onChange property

onChanged : (String value) {
  if(value.length >= 4 && !value.contains("\\")) {
    value = '$value\\';
    _dosyaNo.value = TextEditingValue(text: value,selection: TextSelection.collapsed(offset: value.length),);
  } 
}

CodePudding user response:

                OcasTextFormFieldContent(
                     onChanged: (value) {
                       if(value.length >= 4 && !value.contains("\\")) {
                       value = '$value\\';
                      _dosyaNo.value = TextEditingValue(text: 
                      value,selection: TextSelection.collapsed(offset: 
                      value.length),);
                       } 
                        },
                          maxLength: 12,
                          inputType: TextInputType.number,
                          validator: (String? fieldContent) {
                            if (fieldContent == "" || fieldContent == null) {
                              return 'not empty';
                            } else if (fieldContent.length < 12) {
                              return 'wrong type.';
                            } else {
                              return null;
                            }
                          },
                          controller: _dosyaNo,
                          name: "Doc No: ",
                          placeholder: "Please enter doc no"),
  • Related