TextField: New "placeholderText", "maxChars" and "restrictChars" options

[aW4KeNiNG]

• placeholderText: A short hint that describes the expected value.
  The short hint is displayed in the textfield before the user enters a value.
  Use ":empty" css class to change the style.

• maxChars: Maximum number of characters allowed in the textfield. By default -1 (unlimited chars).

• restrictChars: Indicates the set of characters that an user can enter into the textfield.
  You can insert a range with the "-" character, or you can exclude with
  the "^" character.

  For example:

  • "a-z" : Allowed lowercase letters.

  • "a-zA-Z" : Allowed any letter.

  • "^Qq" : Allowed any char except "q" and "Q".

  • "a-z^q": Allowed lowercase letters except "q".

  • "0-9a-z": Allowed numbers and lowercase letters.

  • "0-9^4-6": Allowed numbers except 4, 5 and 6.

Example

<?xml version="1.0" encoding="utf-8"?>
<vbox id="main" width="100%" height="100%">
    <style source="../css/main.css" />

    <hbox width="100%">
        <label text="Default:"/>
        <textfield/>
    </hbox>

    <hbox width="100%">
        <label text="Placeholder text:"/>
        <textfield placeholderText="Insert text..."/>
    </hbox>

    <hbox width="100%">
        <label text="Max 10 Chars:"/>
        <textfield placeholderText="Insert text..." maxChars="10"/>
    </hbox>

    <hbox width="100%">
        <label text="Only Numbers:"/>
        <textfield placeholderText="Insert numbers..." restrictChars="0-9"/>
    </hbox>

    <hbox width="100%">
        <label text="Only 5 Numbers:"/>
        <textfield placeholderText="Insert numbers..." restrictChars="0-9" maxChars="5"/>
    </hbox>

    <hbox width="100%">
        <label text="Only lowercase:"/>
        <textfield placeholderText="Insert chars..." restrictChars="a-z"/>
    </hbox>

    <hbox width="100%">
        <label text="Only lowercase+numbers:"/>
        <textfield placeholderText="Insert chars..." restrictChars="a-z0-9"/>
    </hbox>

    <hbox width="100%">
        <label text="Only uppercase except Q:"/>
        <textfield placeholderText="Insert chars..." restrictChars="A-Z^Q"/>
    </hbox>

    <hbox width="100%">
        <label text="Any char except Q and q:"/>
        <textfield placeholderText="Insert chars..." restrictChars="^Qq"/>
    </hbox>

    <hbox width="100%">
        <label text="Only numbers except 4-7:"/>
        <textfield placeholderText="Insert chars..." restrictChars="0-9^4-7"/>
    </hbox>

</vbox>

#main {
    border: 1px solid #CCCCCC;
    padding: 10px;
}

.label {
	text-align: right;
    vertical-align: center;
    width: 200px;
}

.textfield {
    width: 100%;
}

Tests

• OpenFL
• HTML5
• nme
• luxe (textfield not implemented)
• hxwidgets (issue Events don't work in Textfield with native=true #60)
• kha (textfield not implemented)
• flambe (textfield not implemented)
• pixijs (textfield not implemented)
• xwt CHECK