通过表单发送jQuery UI签名

我在表单中使用jQueryUISignature（）来捕获签名。这很好用。我试图找出如何通过表单将数据传递到我的操作页面。以下是我一直从事的工作：

 <script src="scripts/jquery.signature.js"></script>

 <script>
 $(function() {
 var sig = $('#sig').signature();
 $('#disable').click(function() {
    var disable = $(this).text() === 'Disable';
    $(this).text(disable ? 'Enable' : 'Disable');
    sig.signature(disable ? 'disable' : 'enable');
 });
 $('#clear').click(function() {
    sig.signature('clear');
 });
 $('#json').click(function() {
    alert(sig.signature('toJSON'));
 });
 $('#svg').click(function() {
    alert(sig.signature('toSVG'));
 });

 $('#sig').signature({guideline: true});


 });
 </script>



 <div id="sig"></div>
 <p style="clear: both;">
 <button type="button" id="disable">Disable</button> 
 <button type="reset" id="clear">Clear</button> 
 <button type="button" id="json">To JSON</button>
 <button type="button" id="svg">To SVG</button>
 </p>



 <input type="hidden" value="signature" name="sig_form">

$（函数（）{
var sig=$（'#sig'）.signature（）；
$（'#禁用'）。单击（函数（）{
var disable=$（this）.text（）=='disable'；
$（this）.text（禁用？'Enable'：'disable'）；
签名（禁用？'disable'：'enable'）；
});
$（“#清除”）。单击（函数（）{
签名（“清晰”）；
});
$（'#json'）。单击（函数（）{
警报（sig.signature（'toJSON'））；
});
$（'#svg'）。单击（函数（）{
警报（信号签名（“toSVG”）；
});
$（'sig'）。签名（{guideline:true}）；
});

使残废
清楚的
到JSON
到SVG

如果您没有使用AJAX的计划，最简单的方法是创建一个用于存储jSON的隐藏字段，并将其值设置为jSON

<input type="hidden" name="signature" class="signature" value="">

$('form').submit(function() {
    $(".signature").val(sig.signature('toJSON'));
 });

$（'form'）。提交（函数（）{
$（“.signature”）.val（sig.signature（'toJSON'）；
});

---

根据@moob的评论修改

如果您没有使用AJAX的计划，最简单的方法是创建一个隐藏字段来存储jSON，并将其值设置为jSON

<input type="hidden" name="signature" class="signature" value="">

$('form').submit(function() {
    $(".signature").val(sig.signature('toJSON'));
 });

$（'form'）。提交（函数（）{
$（“.signature”）.val（sig.signature（'toJSON'）；
});

---

根据@moob的注释修改

添加事件侦听器，以便在提交表单时调用

sig.signature

方法。用输出的值填充隐藏的输入字段。添加事件侦听器，以便在提交表单时调用

sig.signature

方法。用输出的值填充一个隐藏的输入字段。也可以使用

$（'form'）。提交（…

。没有理由这不适用于AJAX。@moob我更新了表单提交的答案。至于AJAX，我也认为同样的事情，我只是不想让OP.bammo的事情过于复杂！非常感谢你们两位。我在第一次尝试时就把它删除了。正是这样。也可以使用

$（'form'）。提交（…

。没有理由这不适用于AJAX。@moob我更新了表单提交的答案。至于AJAX，我也有同样的想法，我只是不想让OP.bammo的事情过于复杂！非常感谢你们两位。我在第一次尝试时就放弃了这一点。