<div class="form-group clear">
<label class="col-lg-3 col-md-3 col-xs-12 control-label">Description *:</label>
<div class="col-lg-9 col-md-9 col-xs-12">
<textarea rows="5" cols="5" class="form-control" id='description1' name='description1' placeholder='Enter your Description' ></textarea><div id="textarea_feedback"></div><div class ="help-block" id='description1-error'style="display:none;"></div></div></div>
$(document).ready(function() {
var text_max = 500;
$('#textarea_feedback').html(text_max + ' characters remaining');
$('#description1').keyup(function() {
var text_length = $('#description1').val().length;
var text_remaining = text_max - text_length;
$('#textarea_feedback').html(text_remaining + ' characters remaining');
});
});
<label class="col-lg-3 col-md-3 col-xs-12 control-label">Description *:</label>
<div class="col-lg-9 col-md-9 col-xs-12">
<textarea rows="5" cols="5" class="form-control" id='description1' name='description1' placeholder='Enter your Description' ></textarea><div id="textarea_feedback"></div><div class ="help-block" id='description1-error'style="display:none;"></div></div></div>
$(document).ready(function() {
var text_max = 500;
$('#textarea_feedback').html(text_max + ' characters remaining');
$('#description1').keyup(function() {
var text_length = $('#description1').val().length;
var text_remaining = text_max - text_length;
$('#textarea_feedback').html(text_remaining + ' characters remaining');
});
});
No comments:
Post a Comment