使用jQuery将文本区域文本安全地存储在隐藏字段中,然后稍后在PHP中使用该文本
Safely store textarea text in a hidden field using jQuery, then use the text later in PHP
我有一个包含文本区域的模态。当用户输入一些文本,然后提交模态时,模态关闭,我想将文本存储在HTML中的隐藏字段中。
-
从文本区域安全地转义所有文本以存储在HTML属性中的最佳方法是什么?必须保留换行符。
-
如果用户再次打开模态,我如何获取存储在隐藏字段中的文本,并将其原样放回文本区域,并添加换行符?
-
当用户提交表单时,我如何再次规范隐藏字段中的文本,以便使用换行符将其以原始形式使用或保存到数据库中?
我对使用JvaScript存储文本区域文本的替代解决方案持开放态度,以便最终将其传输到PHP。
从文本区域安全地转义所有文本以存储在HTML属性中的最佳方法是什么?必须保留换行符。
使用.val()
是最好的选择,它不允许文本区域的内容脱离隐藏的值属性。使用本机Javascript .value
也可以工作并且是安全的,.val()
只是它的包装器。
如果用户再次打开模态,我如何获取存储在隐藏字段中的文本,并将其原样放回文本区域,并添加换行符?
当模式打开时:
// #mytextarea = the textarea on the modal
// #myhidden = the hidden on the main page
$('#mytextarea').val($('#myhidden').val()); // set the modal textarea to the value of the hidden
当模式关闭或"保存"时:
$('#myhidden').val($('#mytextarea').val());
当用户提交表单时,我如何再次规范隐藏字段中的文本,以便使用换行符将其以原始形式使用或保存到数据库中?
你不需要做任何事情来保留新的线路。使用Prepared语句只需将原始post值保存到数据库中。当您在某个页面上输出值时,可以使用PHP的nl2br()
将新行转换为<br />
。只有当输出到输入值以外的任何值时,才需要转换新行。另外,不要忘记通过htmlspecialchars()
运行它来防止XSS。
希望这就是您想要的。
以下是JSFiddle结账:http://jsfiddle.net/ganeshprabhu1994/THPVa/2/
HTML:
<textarea id="ta" rows="10" columns="20">
173-B,Perambalur Road,
Near Water Tank,
Thuraiyur-621010
</textarea>
<input type="button" id="cut" value="Cut" />
<input type="button" id="paste" value="Paste" />
<input type="hidden" id="hdn1" value="" />
脚本:
$(function(){
$('#cut').click(function(){
$('#hdn1').val($('#ta').val());
$('#ta').val("");
});
$('#paste').click(function(){
$('#ta').val($('#hdn1').val());
});
});
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- ThreeJS将画布中的文本渲染为纹理,然后应用于平面
- 需要使用javascript获取输入文本,然后将其添加到句子中
- 我想重定向点击,然后更改按钮文本,我该怎么做
- 如何停止字幕文本一段时间,然后继续
- 如何放置ÅÄ和#214;在javascript数组中,然后将其与html文本进行比较
- Javascript重复模式匹配,然后输出到文本区域
- 如何删除元素的结束标记,添加一些文本,然后重新添加标记
- HTML表单选项(是或否)然后下拉文本区域
- 在HTML文本框中查找某些子字符串,然后用其他字符串替换它们
- 创建一个bookmarklet,可以检索文本框的所有最大长度,然后在表中打印id和最大长度
- 从文本框中附加url,然后使用javascript打开新窗口
- 如何检测移动浏览器(PHP/Javascript),然后进行图像/文本更改
- 文本框和选择框组合单个文本中的值(第一个tb值,然后是sb值)
- 如果所有三个文本框<>然后是100%
- 无法更新 Javascript 对象文本中的值,然后更新页面
- Chrome扩展程序获取DOM文本并在弹出窗口中显示.html然后单击按钮
- 如何将标签 ID 作为参数传递给 javascript 函数,然后根据需要获得不同标签的文本
- Javascript:从网页中获取文本,更改它,然后再次显示网页
- 如果输入文本然后删除,则文本框不会被验证为空