后端能否检测signature_pad的空签名？还有哪些校验方法？

后端可以校验签名是否为空，具体方法如下： #

• 解析收到的SVG字符串，检查是否包含有效的签名路径。signature_pad生成的空SVG只有基础结构标签，不会包含<path>元素（即使偶有生成，d属性也为空或仅含空白字符）。你可以用后端语言的XML解析工具处理：
  • Python用lxml库：解析SVG后，查找所有path节点，判断节点数量是否为0，或节点的d属性是否无有效路径数据。
  • Java用jsoup：解析SVG后筛选path元素，检查其d属性内容是否非空且不是纯空白。
• 也可以简单检查SVG字符串中是否包含<path子串（signature_pad生成的SVG标签为小写），但这种方法不如XML解析准确，仅适合快速校验场景。

更可靠的前端预判断方法： #

直接使用signature_pad官方提供的isEmpty()方法，在发送SVG到后端前先做校验：

const signaturePad = new SignaturePad(document.querySelector('canvas'));

// 发送前校验
if (signaturePad.isEmpty()) {
  alert('请完成签名后再提交');
  return;
}

// 签名非空时获取SVG并发送
const svgStr = signaturePad.toSVG();
// 执行后端请求逻辑...

注意事项 #

前端判断能减少无效请求，但后端校验必须保留——防止用户绕过前端校验直接提交空SVG的情况。

内容的提问来源于stack exchange，提问作者pileup