Scripting numeric text field component

[Om33]

Hello,

I want to realise following functionality with a numeric text field:
users should enter an ID ( only digits). After entering an ID, pressing Enter should confirm the input. In the keyPressed event script, I want to display relevant information based on the entered ID. However, I'm facing challenges in retrieving the entered ID and preventing users from entering invalid characters.

Could someone help?

[JordanCClark]

Consider using a Formatted Text Field, instead.

This example uses a regex pattern up to 6 digits.

[Om33]

Thank you, using the validation mode "Formatted Mask" solved all my problems . I don't even need the regex pattern

[Om33]

Now having the problem that I can not commit the value using "Enter". How can the user commit a new value?

[JordanCClark]

You may find this of interest.

Formatted Text field - committed value

@MMaynard, Test_Window.zip (3.9 KB) So this is really interesting. I created the attached and did some more testing. Formatted Field 1 was placed in the window, configured with a regular expression pattern and it worked. I then deleted the regular expression pattern and it continues to work with that field blank. Formatted field 2, is configured as placed in the window and it does not work. Even if you Allow invalid text, it will not commit nor can you directly change the committed value…

@steven.cox, did this end up as your solution?

[Om33]

I have seen this. Maybe someone else could comment

[justinedwards.jle]

@Om33

commit the value using "Enter"

I'm not sure I understand what you mean by commit the value, but you can use the keyPressed or keyReleased event handlers to do things on specific keystrokes.

Example:

# Perform a task with text property on enter pressed
if event.keyCode == event.VK_ENTER:
	print "Commit '{}' in some way".format(event.source.text)

Result for 45678 on enter being pressed:

Edit: The formatted text field does have a commitEdit method, so perhaps this would work:

# Commit the edit on enter pressed
if event.keyCode == event.VK_ENTER:
	event.source.commitEdit()

[Om33]

Thank you, will try it out

[Om33]

Didn't work, seems like the commitEdit() method is not available

[justinedwards.jle]

It works for me. Do you have a formatted mask pattern set?

This mask requires a 6 digit numerical value. Anything else will throw an exception when enter is pressed using the commitEdit() method.

Result:

Here is the current documentation for the formatted text field component. There could be some clues for your use case in there:
https://www.docs.inductiveautomation.com/docs/8.1/appendix/components/vision-components/input/formatted-text-field

[Om33]

Thank you, it works now. If you enter the exact number of digits set in the Formatted Mask Pattern, it automatically commits. When the length is not equal, it adds spaces.