Multi Text Box Input – jQuery Plugin
Need 50% Discount?
Download this bundle which is 50% OFF.
MultiTextBoxInput is a jQuery plugin that shows a number of textboxes for single enter. It is used for serial quantity, SSN, IP tackle, telephone quantity or different values that has a number of components. It mechanically focuses the following textbox because the required characters are entered. It additionally mechanically focuses earlier textbox on backspace. This management makes the enter extra lovely, simpler and readable.
An online server management can be obtainable for a similar goal. Click here.
Video Demo:
Click here to view the video demo.
Features:
- Displays a number of textual content packing containers for single enter.
- Can be used for serial quantity, ssn, telephone quantity or different related inputs.
- Input could be restricted to numbers.
- Input could be restricted to letters.
- Input could be restricted to apha numeric values.
-
Width is mechanically calculated based mostly on the next parameters:
- The variety of characters
- Input kind (numeric characters take much less house than alphabetic characters)
- Uppercase/lowercase characters (decrease case characters take much less house than uppercase characters)
- Auto conversion to uppercase or lowercase characters as specified.
- Auto focuses subsequent half/textbox after the required characters are entered.
- Auto focuses earlier half/textbox on backspace.
- You can specify the variety of textboxes to be displayed together with a separator.
- Hint will also be exhibited to the proper of textboxes.
- Examples have been offered.
Properties:
- worth: The textual content that’s displayed within the textboxes.
- inputCount: It is the variety of textual content packing containers to be displayed.
- separator: It is the separator for every a part of the enter.
- trace: It is a label that’s exhibited to the proper of the textual content packing containers.
- hintCssClass: It is the CSS class for trace.
- inputLengths: It is comma separated lengths for the textual content packing containers.
- cssClasses: It is comma separated CSS courses for the textual content packing containers.
- charCase: It is case of the characters (none/uppercase/lowercase).
- inputType: It is enter kind of the textual content packing containers (none/alphabetic/numeric/alphanumeric).
- allowDecimalPoint: It signifies whether or not decimal level ought to be allowed for numeric enter kind.
- allowSpaceForAlphabeticType: It signifies whether or not white house ought to be allowed for alphabetic and alpha numeric enter sorts.
Methods:
- worth(): It will get textual content of the textboxes.
- vlaue(worth): It units textual content of the textboxes.
- isEmpty(): It determines whether or not all textual content packing containers are empty or comprise solely white areas.
- isInputFull(ignoreWhiteSpace): It determines whether or not values have been entered with the required size in all textual content packing containers.
