Javascript Can'；t检查签名板是否为空

我的签名本有问题。当我按下submit按钮而不在pad上签名时，我会抛出一个错误，但我得到了这个错误：

未捕获引用错误：未定义signaturePad

这是我的代码：

jQuery（文档）.ready（函数（）{
var signaturepaddcanvas=document.querySelector（“#签名板画布”）；
var parentWidth=jQuery（signaturePadCanvas.parent（）.outerWidth（）；
signaturePadCanvas.setAttribute（“宽度”，parentWidth）；
var signaturePad=新的signaturePad（signaturePadCanvas）；
});
函数提交（）{
if（signaturePad.isEmpty（））{
log（“空的！”）；
}
}

.signature pad画布包装器{
利润率：15px0；
边框：1px实心#cbcbcb；
边界半径：3px；
溢出：隐藏；
位置：相对位置；
}
.signature pad画布包装器：：after{
内容：“姓名”；
边框顶部：1px实心#CBCB；
颜色：#CBCB；
宽度：100%；
利润率：0.15px；
显示：内联flex；
位置：绝对位置；
底部：10px；
字体大小：13px；
z指数：-1；
}

提交

您的

signaturePad

变量超出了

submit（）

函数的范围，请在全局范围内声明它，然后使用它

var-signaturePad；
jQuery（文档）.ready（函数（）{
var signaturepaddcanvas=document.querySelector（“#签名板画布”）；
var parentWidth=jQuery（signaturePadCanvas.parent（）.outerWidth（）；
signaturePadCanvas.setAttribute（“宽度”，parentWidth）；
signaturePad=新的signaturePad（signaturePadCanvas）；
});
函数提交（）{
if（signaturePad.isEmpty（））{
log（“空的！”）；
}
}

.signature pad画布包装器{
利润率：15px0；
边框：1px实心#cbcbcb；
边界半径：3px；
溢出：隐藏；
位置：相对位置；
}
.signature pad画布包装器：：after{
内容：“姓名”；
边框顶部：1px实心#CBCB；
颜色：#CBCB；
宽度：100%；
利润率：0.15px；
显示：内联flex；
位置：绝对位置；
底部：10px；
字体大小：13px；
z指数：-1；
}

提交