Display Character count for form fields (that have a character limits set via validation rules)

API & Customization Show & Tell
1

$(document).on("knack-view-render.view_YOURVIEW", function(event, view, data) {
$( document ).ready(function() {
$(".kn-form.kn-view.view_YOURVIEW form #field_YOURFIELD")
.after( "<p class='typed-chars'>0/400</p>" );

$(".kn-form.kn-view.view_YOURVIEW form #field_YOURFIELD").on('input',function(e){
var $input = $(this);
$input.siblings('.typed-chars').text($input.val().length + "/400");
});
});
});

2

Great bit of code, just what i was after! Thanks for sharing Justin!

3

This is just what I needed. Thanks Justin!

4

Thanks Justin - great help! :)