https://www.fraserhealth.ca/-/media/Themes/FraserHealth/FraserHealth/Site/scripts/component-campaigns.js

1jQuery(function($){
2    var formClass = '.high-five-form';
3    var formObj = $(formClass);
4
5    if (formObj.length > 0)
6    {
7        var firstName = '#wffmbbebb0d771fb47d88eafe4b6841a4b40_Sections_0__Fields_1__Value';
8        var anonymousInput = '.form-anonymous input[type="checkbox"]';
9
10        var fNameObj = formObj.find(firstName).parent();
11        var anonymousInputObj = formObj.find(anonymousInput);
12        var textAreaObj = formObj.find('.form-message textarea');
13
14        // Extra Content
15        textAreaObj.after('<div class="textarea-note">Max <span class="count">400</span> characters</div>');
16
17        var taCCount = formObj.find('.textarea-note .count');
18
19        if($(anonymousInputObj).data('val') == 'true') {
20            fNameObj.hide();
21        }
22        else {
23            fNameObj.show();
24        }
25
26        anonymousInputObj.on('click', function() {
27            if($(anonymousInputObj).attr('checked') == 'checked' || this.checked) {
28                fNameObj.hide();
29            }
30            else {
31                fNameObj.show();
32            }
33        });
34
35        textAreaObj.on('keyup', function() {
36            var limit = 400;
37            var len = $(this).val().length;
38            if (len >= limit) {
39            $(this).val($(this).val().substring(0, limit));
40            taCCount.text(0);
41            } else {
42                taCCount.text(limit - len);
43            }
44        });
45    }
46
47    var ourStoriesFormClass = '.our-stories-form';
48    var ourStoriesFormObj = $(ourStoriesFormClass);
49
50    if (ourStoriesFormObj.length > 0) {
51        var storyObj = ourStoriesFormObj.find('.form-message textarea');
52
53        // Extra Content
54        storyObj.after('<div class="textarea-note">Max <span class="count">2500</span> characters</div>');
55
56        var storyCCount = ourStoriesFormObj.find('.textarea-note .count');
57
58        storyObj.on('keyup', function() {
59            var limit = 2500;
60            var len = $(this).val().length;
61            if (len >= limit) {
62            $(this).val($(this).val().substring(0, limit));
63            storyCCount.text(0);
64            } else {
65                storyCCount.text(limit - len);
66            }
67        });
68    }
69});