Belal Ismail belalismail
belalismail
/ Set Minimum characters for Text Area
Created
September 4, 2023 20:27
— forked from ahsannayem/Set Minimum characters for Text Area
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const textarea = document.getElementById('TextArea_ID'); // Replace the id | |
| textarea.addEventListener('input', function() { | |
| const minTextLength = 10; // Set Minimum required text length | |
| if (textarea.value.length < minTextLength) { | |
| textarea.setCustomValidity('Please enter at least ' + minTextLength + ' characters.'); | |
| } else { | |
| textarea.setCustomValidity(''); | |
| } |
belalismail
/ fluent-forms.css
Created
August 20, 2023 03:52
— forked from zephyrmike/fluent-forms.css
CSS classes for Fluent Forms
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* To target individual forms replace .fluentform .frm-fluent-form with form.fluent_form_# */ | |
| /* label style */ | |
| .fluentform .frm-fluent-form .ff-el-input--label { | |
| font-size: 15px; | |
| font-weight: 700; | |
| color: #000; | |
| text-transform: uppercase; | |
| letter-spacing: 0.1em; | |
| } |