Character Count does not work
-
So I’ve got my form up and running nicely and it displays the maximum characters, but will not count down as the user types.
I have used some html / bootstrap to style the form. Here is the code from the contact 7 form:
<div class=”row” id=”odd-row”>
<div class=”col-sm-4″>
</div>
<div class=”col-sm-8″>
<h1>Safety Best Practice</h1>
<p>Fill out the form below to be emailed as a printable PDF.</p>
<h3>Your email address:</h3>
[email* your-email]
</div>
</div class=”col-sm-12″>
<h2>Item:</h2>
[text* Item]
</div>
</div><div class=”row” id=”even-row”>
<div class=”col-md-9″>
<h2>Communication:</h2>
[textarea* CommunicationText maxlength:500]
<p>Character limit:[count CommunicationText down] </p>
</div>
<div class=”col-md-3″>
[file CommunicationImage]
<h3>Notes:</h3>
[text CommunicationNote maxlength:20]
<p>Character limit:[count CommunicationNote down] </p>
</div>
</div><div class=”row” id=”odd-row”>
<div class=”col-md-9″>
<h2>Information:</h2>
[textarea* InformationText maxlength:500]
<p>Character limit: [count InformationText down] </p>
</div>
<div class=”col-md-3″>
[file InformationImage]
<h3>Notes:</h3>
[text InformationNote maxlength:20]
<p>Character limit: [count InformationNote down] </p>
</div>
</div><div class=”row” id=”even-row”>
<div class=”col-md-9″>
<h2>Practice Implimentation:</h2>
[textarea* PracticeText maxlength:500]
<p>Character limit: [count PracticeText down] </p>
</div>
<div class=”col-md-3″>
[file PracticeImage]
<h3>Notes:</h3>
[text PracticeNote maxlength:20]
<p>Character limit: [count PracticeNote down] </p>
</div>
</div><div class=”row” id=”odd-row”>
<div class=”col-md-9″>
<h2>Advantages / Improvements:</h2>
[textarea* AdvantageText maxlength:500]
<p>Character limit: [count AdvantageText down] </p>
</div>
<div class=”col-md-3″>
[file AdvantageImage]
<h3>Notes:</h3>
[text AdvantageNote maxlength:20]
<p>Character limit: [count AdvantageNote down] </p>
</div>
</div><div class=”row”>
<div class=”col-md-12″>
[submit class:btn-block class:btn class:btn-primary class:btn-lg “Send” ]
</div>
</div>The page I need help with: [log in to see the link]
- The topic ‘Character Count does not work’ is closed to new replies.