This plugin adds a new field type to Matt Gibbs' Custom Field Suite that enables support for additional text input options and attributes, many of which were introduced with HTML5.
The following options are supported:
| Option | HTML Attribute | Description |
|---|---|---|
| Input Type | type | HTML5 field type: text, email, number, tel, or url |
| Cast Return Value | n/a | Cast the returned value as a string, int, float, or bool (defaults to string) |
| Default Value | value | Value for the field upon creation |
| Placeholder | placeholder | Text to display as the input placeholder |
| Required | required | Mark the field as required (also adds "required" attribute, unlike CFS core) |
| Validation Pattern | pattern | HTML5 validation pattern regexp, for client-side validation |
| Max Length | maxlength | Maximum number of characters |
| Number: Min | min | Minimum value for a number field |
| Number: Max | max | Maximum value for a number field |
| Number: Step | step | The amount to increment or decrement the number field when stepper is clicked |
Note that these options (with the exception of "Required" and "Cast Return Value") are client-side validators, and shouldn't be trusted to completely prevent bad input.
The number-specific options are only visible once you've saved an Advanced Text field with the "number" type (similar to saving after adding a loop field).
Casting the return should be used with caution. You will probably want to enable a validation pattern to be extra certain the data is input properly. Note that by default, "no" and "false" strings will be cast to false when you select the bool cast option. To disable this, add a filter to your functions.php or elsewhere: add_filter('cfs_advanced_text_allow_bool_cheats', '__return_true');
While most major/recent browsers support the HTML5 input attributes and field types, some don't. Notably, Safari (for the Mac or iOS) and certain older Android versions won't actually notify the user if their input is invalid before submitting a form (although it won't POST the invalid input).
Additionally, Internet Explorer only started supporting client side form validation in version 10.
Copyright (c) 2016 Van Patten Media Inc. All rights reserved.
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
- Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
- Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
- Neither the name of the organization nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.