text

The text control allows the user to input alphanumeric data using the soft keyboard or the physical keyboard if available.

  • Extends basecontrol

    • Syntax 

    <div data-juci="text"></div>
    <div data-juci="text" data-trigger="keyup" id="first-name"></div>
    <div data-juci="text" data-bind="ref: someKey"></div>
    Listeners to events can be attached by using Observable#bind, or listeners can be bound in the HTML declaration of the control using on+'name of event', for e.g: onafterchange=handleChange(event). Listeners can be removed through Observable#unbind

    Attributes

    • data-trigger {String}
      A string containing the name of the trigger event. Default event is change
    • autofocus {Boolean}
      A boolean value that indicates if the control should be focussed as soon as the page is loaded. Read autofocus for more information.
    • max {String}
      A string containing the maximum allowed value for the control. Read min for more information. placeholder {String} A string containing a short hint to help the user with data entry when the control has no value. Read placeholder for more information.
    • pattern {String}
      A string containing a regular expression against which the value of the control is checked. Read pattern for more information.
    • required {Boolean}
      A boolean value that indicates if the control must be input with a value. Read required for more information. maxLength {Number} A number that indicates the limit on the number of characters user can input. Read maxLength for more information.
    • readonly {Boolean}
      A boolean value that controls whether or not the user can edit the value in the control. Read readonly for more information.
    • min {String}
      A string containing the minimum allowed value for the control. Read min for more information.
    • data-juci {String}
      A string with value text.
    • autocomplete {String}
      A string containing a single token with values either on or off or a set of space separated tokens directing the browser user-agent to auto suggest values for the control based on earlier inputs of the user. Read autocomplete for more information.

    Methods

    • changeTrigger(triggerEvent)
      Change the trigger event for the value to be modified on. By default it is change
      Parameters:
      • triggerEvent{String}
        Possible values - change and keyup
      See:
      change
      keyup