提交表单时保存签名

Question

我使用jSignature插件将签名捕获添加到一个简单的Bootstrap模式窗口 - 签名捕获正确显示，我可以毫无问题地绘制和保存签名。这是一个屏幕截图，显示了正在运行的签名模式窗口：

目前，用户必须输入签名，然后单击签名下方的“保存”按钮才能保存。然后，他们必须单击“提交”按钮以提交更新数据库等的表单。

这是模态窗口的html代码：

＆＃13;

＆＃13;

k

＆＃13;

＆＃13;

＆＃13;

我们发现很多用户忘记点击“保存”按钮首先保存签名，只需点击提交表单的“提交”按钮，但不包含签名，当我们注意到它时＃39再来签名太迟了。

这里是单击签名保存按钮时运行的Javascript：

＆＃13;

＆＃13;

k

＆＃13;

＆＃13;

＆＃13;

我们正在寻找一种方法，当按下提交按钮时，首先自动保存签名然后提交表单。不确定这是否可行或如何实现？

Answer 1

您可以使用事件处理程序。

$("#saveEvent").submit(function(){
    var sigData = $('#signature').jSignature('getData', 'default');
    $('#hiddenSigData').val(sigData);
    console.log('jSignature saving signature');
});

你已经完成了！