Streaming live at 10am (PST)

Form Fields with Mask


#1

I would like to use these masks on my forms, how can I use in WebFlow?
https://igorescobar.github.io/jQuery-Mask-Plugin/docs.html

Thanks in advance.
Bruno.


#2

I never use this plugin.

Anyway By custom code. First, you should know how to work with this plugin in general (Read the docs, Create codepen example and so on).

http://www.igorescobar.com/blog/2012/05/06/masks-with-jquery-mask-plugin/

  1. cdn before body (copy-paste)

<script src="https://cdnjs.com/libraries/jquery.mask"></script>

  1. After (1) Insiltaze (Copy-paste + change the class selector)
<script>
$(document).ready(function(){
  // jquery selector - field with class of "date"
  $('.date').mask('00/00/0000');
});
</script>
  1. Publish your site and test the live url

You should know about:

jQuery .class Selector

  $('.date')

Select all elements with class “date”
https://api.jquery.com/class-selector/

Webflow

Try this. Next add live url / read-only link. Thanks