页面调用手写签字

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../../system/admin/top.jsp"%>

<form class="layui-form" action="" id="form">
<table class="layui-table" style="width:95%;margin:10px auto;">
    <input type="hidden" id="id" name="id" value="${pd.id}">
    <tr>
        <td colspan="12" align="center" style="font-weight: bold;font-size: 32px;line-height: 40px;">报警处理</td>
    </tr>
    <tr>
        <td align="right">处理发法：<span style="color: red">*</span></td>
        <td colspan="2"><input type="text" name="manage" id="manage" lay-verify="required|field_len50" autocomplete="off"  class="layui-input"></td>
    </tr>
    <tr>
        <td align="right">工程师：<span style="color: red">*</span></td>
        <td colspan="2" id="qianzi"><input type="hidden" id="imgsrc" name="imgsrc"></td>
    </tr>
    <tr>
        <td align="right">备注：<span style="color: red">*</span></td>
        <td colspan="2"><textarea name="remark" id="remark" lay-verify="field_len500" class="layui-textarea"></textarea></td>
    </tr>
</table>

    <table class="layui-table" style="width:95%;margin:10px auto;">
        <tr>
            <td style="text-align: center; padding-top: 10px;" colspan="5">
                <button type="button" class="layui-btn layui-btn-sm" lay-submit="" lay-filter="submit_form">保存</button>
                <button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="cancel">取消</button>
            </td>
        </tr>
    </table>

</form>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/plugins/layui/layui.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/commonLayer.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/ajaxReq.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js1/WritingPad.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js1/jq-signature.js"></script>
<script>
    var form,layer, $,laydate;
    layui.use(['form','laydate'], function(){
        form = layui.form;
        layer = layui.layer;
        $ = layui.$;
        laydate = layui.laydate;

        $('#cancel').on('click',function (){
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        })

        //自定义验证规则
        form.verify(form_verify);
        //监听提交
        form.on('submit(submit_form)', function(data){
            $.post("${pageContext.request.contextPath}/taklhjz/sisjb/chulisave",data.field,function(res){
                if (res.success) {
                    layer.msg("数据保存成功。", {time: 2000});
                    setOpenCloseParam("reload");
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                }else{
                    if(res.loseSession=='loseSession'){
                        loseSession(res.msg,res.url)
                    }else{
                        layer.msg(res.msg, {time: 2000});
                    }
                }
            },'json');

            return false;
        });
    });
//调用方法
    $(function () {
        var wp = new WritingPad();
    });

</script>

<%@include file="../../system/admin/bottom.jsp"%>

需要两个js文件包，需要的留言