Question

我正在尝试将2个签名字段放在同一页面中，使用此演示http://szimek.github.io/signature_pad和代码https://github.com/szimek/signature_pad。

如何将2个签名板放在同一页面上，2个清晰按钮适用于每个打击垫和1个保存按钮？保存按钮应显示警告，其中包含哪个打击垫为空的错误消息，或者如果两个打击垫都已签名则显示成功消息。

这就是我现在所拥有的（感谢szimek）：http://jsfiddle.net/szimek/ps65Q/

HTML：

Age

JS：

Age

Answer 1

Here is a short example with clear and save buttons

主要补充是：

HTML - 为按钮添加元素。这些可以随心所欲，只需确保为它们提供唯一ID，因为这是您在JavaScript代码中访问它们的方式。

<button id="clear1">Clear</button>
<button id="clear2">Clear</button>
<button id="save">Save</button>

JS - 添加清除和保存功能，并设置刚才用来调用这些功能的按钮的onclick属性。

function clear1() {
    signaturePad1.clear();
}
function clear2() {
    signaturePad2.clear();
}
function save() {
    if (signaturePad1.isEmpty() || signaturePad2.isEmpty())
        alert("Error: Please sign both pads!");
    else
        alert("Success!");
}

$("#clear1").click(clear1);
$("#clear2").click(clear2);
$("#save").click(save);

看起来你已经在使用jQuery，所以我用它来设置onclick属性，但当然还有其他方法可以做到这一点。

如何在同一页面中添加2个signature_pad

1 个答案: