Format InputField or Mask?

answered 2012-12-20 07:51:14 +0800

vincentjian
2245 ● 6

Hi Helena,
Did you mean when user insert number like 1234, it should generate H1234 or D1234?

answered 2012-12-28 01:28:07 +0800

rdgrimes
735 ● 7

Helena,

It would be better (in my opinion) to create two components in a horizontal layout. First an intbox or longbox, followed by a set of radio buttons for Days, Hours.

In this way, it's much clearer to the data entry person. Of course, if the field value must be stored in your indicated format, you can always concatenate the radio button value to the end of the number.

If you must do it the way you've described, I suggest using a regular expression within a constraint. See constraints

answered 2012-12-28 08:32:55 +0800

vincentjian
2245 ● 6

Hi Helena,
Like rdgrimes said, it would be better to separate input fields for your requirement.
And except using regular expression with constraint as rdgrimes suggested, you can also try override allow keys that user can press for intbox or longbox from client side, then parse user input by yourself.
Here is the sample code that I didn't test:

<intbox id="test" >
    <attribute w:name="doKeyPress_">
      function(evt){
           if (!this._shallIgnore(evt, "1234567890DH"))
              this.$doKeyPress_(evt);
      }
    </attribute>
</intbox>