Skip to main content
singq

e-Signature Pad Using Jquery AJAX and PHP | Digital Signature Pad On Submission Form

Digital Signature Pad On Submission Form

e-Signature Pad Using Jquery AJAX and PHP Signature Pad is a jQuery module that undertakings HTML5 canvas part and javascript to make an adaptable and smooth Signature Pad on your site page and application. There are a lot of approaches to permit clients to attract a mark a program window, many including sharp jQuery modules. Everything is going advanced and this is the future we should all anticipate. Here are the best advanced mark modules I’ve found.

Live Demo   Download Source Code

my_sign.php

save_sign.php

 

16 thoughts on “e-Signature Pad Using Jquery AJAX and PHP | Digital Signature Pad On Submission Form

    1. Hello, Ashish! Do you want to reset canvas please use the code below

      “var signaturePad1 = new SignaturePad(sign1_canvas);
      signaturePad1.clear();”

      Thank you for visiting us…..have a nice day.

  1. Uncaught ReferenceError: SignaturePad is not defined when use –
    var signaturePad1 = new SignaturePad(sign1_canvas);
    signaturePad1.clear();

    Help.

  2. Can you show an example of how you would create a clear button to clear the canvas?
    What would the jquery look like for this button?

  3. how if i want send to database, i try its only send name file without extention (.png), so i can’t view the signature from table.

  4. Hi Admin, i tried to clear the canvas using yr method but it says Uncaught ReferenceError: SignaturePad is not defined…Besides, after i managed to clear the canvas using

    var c = document.getElementById(‘myCanvas’);
    var ctx = c.getContext(‘2d’);
    ctx.clearRect(0, 0, 200, 100);

    and started to draw, the old drawing reappears, what should i do??

  5. hi
    These is the code for clear canver

    (“#btnClearSign”).click(function(e){
    $(‘#signArea’).signaturePad().clearCanvas ();
    });

  6. What if I needed to insert two canvas and saving both signatures?
    I managed to make them work, however the script will only generate the first signature.

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: