Question

我试图在Angular中创建一个收集人名和签名的输入表单。对于签名部分，我使用的是一个JQuery插件，它使用画布来绘制签名。我是Angular的新手，并且无法弄清楚如何将画布与我的表单验证联系起来。当用户尝试提交表单时，如果画布为空（缺少签名），我希望Angular停止它们。

要检查画布是否为空，我可以进行返回true或false的JQuery调用：

$('#signature').signature('isEmpty');

我到目前为止的HTML是：

<form ng-controller="SignatureController" ng-submit="submit()">
<table>
    <tr>
        <td>
            <input class="td-name" type="text" required placeholder="Enter Name Here" ng-model="drivername"><br>
            NAME - Please type here
        </td>
    </tr>
    <tr>
        <td>
            <div class="td-signature" type="text" id="signature">
            <canvas width="1098" height="268"></canvas>
            </div><br>
            SIGNATURE - Please sign here
        </td>
    </tr>
</table>
<input type="button" ng-disabled="dataLoading" value="Clear" class="btn btn-primary" onclick="$('#signature').signature('clear');">
<input type="submit" ng-disabled="dataLoading" value="Submit" class="btn btn-primary">
</form>

当$（＆＃39;＃signature＆＃39;）。signature（＆＃39; isEmpty＆＃39;）返回true时，我需要添加/更改以使Angular标记画布是什么？

如何在AngularJS中为JQuery签名插件添加自定义验证？

0 个答案: