Jquery 提交前预览表单数据

Jquery 提交前预览表单数据,jquery,django,Jquery,Django,当用户提供输入时,是否有任何工具可用于预览Django表单 我已经检查了S/O,除了提交后使用内置的预览功能外,没有看到任何其他内容。那似乎过时了 我知道您可以使用Jquery对简单文本字段(如:)执行此操作,但我希望使用TinyMCE之类的wysiwyg编辑器 任何提示都将不胜感激这是您正在寻找的。它允许您键入第一个输入,并在第二个表单输入中预览内容 我还添加了通过div_结果预览div中tinymce输入数据的功能 <div> <label>Input1. your

当用户提供输入时,是否有任何工具可用于预览Django表单

我已经检查了S/O,除了提交后使用内置的预览功能外,没有看到任何其他内容。那似乎过时了

我知道您可以使用Jquery对简单文本字段(如:)执行此操作,但我希望使用TinyMCE之类的wysiwyg编辑器


任何提示都将不胜感激

这是您正在寻找的。它允许您键入第一个输入,并在第二个表单输入中预览内容

我还添加了通过div_结果预览div中tinymce输入数据的功能

<div>
<label>Input1. your tinymce form input</label>
 <input type="text" id="input1" value="">
</div>

</br>
<label>Input2</label>
<input type="text" id="input2" value="">

<div id='div_result'></div>

<script src="jquery.min.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
            $("#input1").keyup(function () {
                var value = $(this).val();
                $("#input2").val(value);
$("#div_result").html(value);
            });
        });
</script>

输入1。您的tinymce表单输入

输入2 $(文档).ready(函数(){ $(“#输入1”).keyup(函数(){ var值=$(this.val(); $(“#输入2”).val(值); $(“#div_result”).html(值); }); });
谢谢@nancy moree。我会试一试的。