Предпросмотр введенного текста на jQuery

12.06.2017 07:07:44 pm

Для сайтов имеющих формы для набора теста (сообщение, статей, комментарий, описаний и так далее) будет удобным иметь возможность просмотреть свой пост перед сохранением. Я написал небольшой скрипт, который предоставляет возможность предпросмотра набранного текста.
HTML форма для ввода текста:

<div id="review"></div>
<form action="" method="post">
    <textarea id="text" rows="10" cols="45" name:"text"></textarea>
    <input id="submit" type="submit" value="Предпросмотр">
</form>

Сам сценарий предпросмотра выглядит так:

<script type="text/javascript">
$('#submit').click(function() {
    var txt = $('#text').val();
    $('#review').html(txt);

    return false;
});
</script>

После нажатия на кнопку "Предпросмотр", вся набранная информация забивается в переменную text, затем её содержимое передается в блок с идентификатором review, который расположен над формой ввода.

Необходимо подключить jQuery.

Жалоба